[nospaces][newclass="#letter"]width: 50%; max-width: 280px; background: [var="white"]; font-family: 'Raleway'; font-size: 11px; text-align: justify; margin: 70px auto; padding: 20px; border: 1px dashed [var="aqua"]; outline: 9px solid [var="white"]; box-shadow: 0 0 2px #333; cursor: crosshair; } #letter h1, #letter h2 { display: block; font-family: 'Arial'; font-size: 20px; text-align: center; margin: 0px; } #letter a { font-family: inherit !important; text-decoration: none; cursor: crosshair; } #letter a:after { font-family: 'Material Icons'; font-size: 11px; content: "star"; line-height: 10px; vertical-align: middle; text-transform: lowercase; font-style: none; } #letter h1 a { color: [var="aqua"]; font-family: 'Gochi Hand' !important; font-size: 24px; text-transform: capitalize; } #letter h1 a:after, #letter .tags a:after { content: none; } #letter .tags { margin: 10px 0px 0px; text-align: left; } #letter .tags a { display: inline-block; background: [var="pink"]; color: [var="white"]; padding: 2px 5px; } #letter .tags a:before { font-family: 'Material Icons'; font-size: 5px; content: "games"; vertical-align: top; margin: 0px 2px 0px -2px;} #letter #filling { max-height: 100px; color: #555; padding-right: 10px; overflow-y: auto; } #letter #filling::scrollbar { width: 2px; background: transparent; } #letter #filling::scrollbar-thumb { background: [var="pink"]; } #letter #filling::-webkit-scrollbar { width: 2px; background: transparent; } #letter #filling::-webkit-scrollbar-thumb { background: [var="pink"];[/newclass][var name="white" value="#fff][var name="border" value="rgba(0,0,0,.3)"][var name="aqua" value="#72c1be"][var name="pink" value="#ea83ae"][var name="helios" value="#b55151"][googlefont="Material+Icons|Raleway|Gochi+Hand"]