@font-face{font-family:px437;src:url(/fonts/Px437_IBM_VGA8.ttf)format('truetype')}@font-face{font-family:blackout;src:url(/fonts/BLACKOUT.TTF)format('truetype')}@font-face{font-family:heading;src:url(/fonts/heading.woff)format('woff')}@font-face{font-family:web437_nec_apc3_8x16;src:url(/fonts/Web437_NEC_APC3_8x16.woff)format('woff')}@font-face{font-family:web437 nix8810 m16;src:url(/fonts/Web437_Nix8810_M16.woff)format('woff')}body{color:var(--primary-text-color);background-image:url(/bg.png);image-rendering:pixelated;background-size:cover;font-family:web437_nec_apc3_8x16;font-size:1rem;line-height:1}body .container{margin:1rem;max-width:768px;margin:auto}header,footer,main{padding:1rem}header{margin:1rem 1rem 1rem 0;padding:0;display:inline-block}main{background:var(--background-color);box-shadow:0 3px 0 0 var(--accent-color),0 6px 0 0 var(--secondary-accent-color),0 9px 0 0 var(--tertiary-accent-color);border:var(--accent-color)1px solid}footer{padding:5px;width:fit-content;display:block;width:100%}footer p{margin:.25rem}strong,b{font-family:web437 nix8810 m16,monospace;font-weight:400}header img{height:6.5rem;margin:0 20px;display:inline-block}header .header{height:3rem;display:inline-block}header .site-name{font-family:blackout,monospace;color:transparent;font-size:4rem;line-height:4rem;background:linear-gradient(var(--accent-color),var(--secondary-accent-color));background-clip:text}header .site-name a{color:transparent;background:linear-gradient(var(--accent-color),var(--secondary-accent-color));background-clip:text}.site-name::before{content:"% "}nav ul{list-style:none;padding:0}nav ul>li{display:inline-block}nav ul>li a{color:var(--background-color);background-color:var(--accent-color);font-size:1rem;padding:2px 4px;box-shadow:0 3px 0 0 var(--secondary-accent-color);text-decoration:none}nav ul>li a:hover{var(--tertiary-accent-color)color:); background-color: var(--secondary-accent-color); box-shadow: 0px 3px 0px 0px var(--tertiary-accent-color); } footer { border-top: 1px solid #222; margin-top: 1rem; } a { color: var(--accent-color); text-decoration-style: dashed; } h1, h2, h3, h4, h5 { font-family: 'Heading', monospace; font-weight: bold; color: var(--accent-color); text-shadow: var(--tertiary-accent-color) 0 2px; text-decoration: none; } h1 { font-size: 3rem; letter-spacing: -0.5rem; line-height: 3.2rem; margin: 0; } h2 { font-size: 2rem; letter-spacing: -0.1rem; padding: 0; margin: 0.5rem; display: inline-block; } h3 { font-family: 'Web437 Nix8810 M16', monospace; font-size: 1rem; padding: 0; margin: 0; display: inline-block; } posts { display: block; } post { display: block; background-color: var(--foreground-color); padding: 1rem; } post time { float: right; } tags b { display: inline-block; } tags ul { display: inline-block; list-style: none; padding: 5px; margin: 5px; } tags ul > li { display: inline-block; } tags ul > li a { color: var(--background-color); background-color: var(--accent-color); font-size: 1rem; padding: 2px 4px 2px 4px; box-shadow: 0px 3px 0px 0px var(--secondary-accent-color); text-decoration: none; } tags ul > li a:hover { color: var(--tertiary-accent-color)); background-color: var(--secondary-accent-color); box-shadow: 0px 3px 0px 0px var(--tertiary-accent-color); } .site-favicon { height: 1rem; width: 1rem; display: inline-block; padding: 0; margin: 0; } .site-favicon a img { height: 16px; width: 16px; } #pageMusic { display: inline-block; -webkit-filter: saturate(180%) hue-rotate(165deg); filter: saturate(180%) hue-rotate(165deg); } @keyframes wiggle { 0% { transform: rotate(0deg); } 33% { transform: rotate(5deg); } 66% { transform: rotate(-10deg); } 100% { transform: rotate(0deg); } } .girlie { animation: wiggle 2s infinite; } p:has(> .girlie) { text-align: center; }}