:root{color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100vh;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;background:url(/img/coding.gif) center;background-size:cover}#root{display:flex;flex-direction:column;width:100%;height:100%}header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#0d2335dd;box-shadow:inset #213547 0 0 1rem,#213547 0 0 2rem 1rem}header .header-side{display:flex;align-items:center}header .logo{border-radius:50%}header .header-logo-text{font-size:1.75rem;font-weight:600;font-family:monospace;font-variant:small-caps;letter-spacing:.1rem;padding:.5rem}@keyframes header-logo-blink{50%{opacity:0}51%{opacity:1}}main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0;height:100%}.box>div{display:flex;flex-direction:column;justify-content:center;gap:1rem;width:20rem;padding:.5rem 1rem;background-color:#0d2335cc;border-radius:1rem;border:1px solid #213547;box-shadow:inset #213547 0 0 1.5rem,#213547 0 0 1.5rem;transition:.2s ease}.contact-box{text-decoration:none;color:inherit}.contact-box>div{flex-direction:row;align-items:center}.contact-box>div:hover{background-color:#213547;box-shadow:inset #213547 0 0 1.5rem;cursor:pointer}.contact-box img{width:2rem}.stopwatch{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:.5rem;background-color:#0003;box-shadow:inset #0004 0 0 1rem,#0007 0 0 1.5rem}.stopwatch.hidden{visibility:hidden}.stopwatch-icon{width:2rem}