:root{--bgcolor:#111;--basetextcolor:#fff;--subtextcolor:#888;--border:2px solid hsla(0,0%,100%,.1);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;--accentcolor:#fddb3a;--input-bgcolor:#222;--input-border:1px solid hsla(0,0%,100%,.2);--input-placeholder-color:#666;--button-bgcolor:#fddb3a;--button-textcolor:#111}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bgcolor);color:var(--basetextcolor)}h1{font-size:2.5rem}h1,h2{font-weight:700;margin:0;color:var(--basetextcolor);font-family:var(--font-sans)}h2{font-size:2rem}h3{font-size:1.5rem;font-weight:700}h3,h4{margin:0;color:var(--basetextcolor);font-family:var(--font-sans)}h4{font-size:1.25rem;font-weight:600}h5{font-weight:500;color:var(--basetextcolor)}h5,p{font-size:1rem;margin:0;font-family:var(--font-sans)}p{color:var(--subtextcolor)}a{color:var(--basetextcolor);text-decoration:none;font-family:var(--font-mono)}main{width:40%;min-width:700px;margin:0;background-color:var(--bgcolor);color:var(--basetextcolor)}.container,main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.container{width:100%}.card{flex-direction:column;justify-content:center;padding:25px;height:-moz-fit-content;height:fit-content;width:100%;background-color:var(--bgcolor);color:var(--basetextcolor);border:var(--border);border-radius:10px;margin-bottom:25px}.card,.icons{display:flex;align-items:center}.icons{flex-direction:row;justify-content:space-between;width:110px;min-width:80px}.icons img{width:50px;height:50px;border:var(--border);border-radius:10px;padding:10px}.icons img,.icons img:hover{transition:all .2s ease-in-out}.icons img:hover{transform:scale(1.1) rotate(5deg)}h3{margin:10px auto 10px 0}h1{margin-right:auto;margin-bottom:10px}.top{height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width:700px){main{width:90%;min-width:auto}.icon-container img,.icons img{width:40px;height:40px}}@media (max-width:500px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.card{padding:15px}.icon-container .icon{width:30px;height:30px}}@media (max-width:300px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1rem}.card{padding:10px}}header{display:flex;justify-content:space-around;align-items:center;flex-direction:row;height:80px;width:100%;margin:25px 0;background-color:var(--bgcolor);color:var(--basetextcolor)}.desktop-menu,nav{display:flex;align-items:center;justify-content:center}nav{height:-moz-fit-content;height:fit-content;width:100%}nav div{display:inline-flex}.links{display:flex;flex-direction:column;justify-content:center;height:-moz-fit-content;height:fit-content}nav div a{margin:0 25px;font-size:2em;font-family:var(--font-mono)}.dot,nav div a{transition:all .2s ease-in-out}.dot{width:6px;height:6px;background:var(--accentcolor);border-radius:50%;opacity:0;margin:0 auto}nav div a:hover~.dot{opacity:1}nav div a:hover{color:var(--accentcolor)}.hamburger{display:none;font-size:2em;cursor:pointer;color:var(--basetextcolor);padding:0 10px}.hamburger,.mobile-menu{position:fixed;top:0;z-index:101}.mobile-menu{right:-100%;width:100vw;height:100vh;background-color:var(--bgcolor);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease}.mobile-menu.open{right:0}.mobile-menu .links{margin:20px 0}.mobile-menu a{font-size:1.5em;text-decoration:none}.mobile-menu a:hover{color:var(--accentcolor)}@media (max-width:700px){header{height:40px}.desktop-menu{display:none}.hamburger{display:block;position:absolute;right:20px;top:20px}}@media (min-width:700px){.mobile-menu{display:none}}@media (max-width:500px){nav a{font-size:1.5em;margin:10px}}@media (max-width:400px){nav a{font-size:1.2em;margin:5px}}.active{color:var(--accentcolor)}