@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik+Mono+One&display=swap";:root{--color-primary: #0e7147;--color-secondary: rgb(25, 35, 27);--color-accent: #ffbc3e;--color-neutral: #e4e4e4;--font-color-dark: #0e7147;--font-color-light: #e4e4e4;--shadow: 0px 2px 3px rgba(25, 35, 27, .8);--shadow-color: rgba(25, 35, 27, .6);--font-Header: "Rubik Mono One", sans-serif;--font-header-2-3: "Azeret Mono", sans-serif;--font-body: "IBM Plex Mono", sans-serif;--a-font: "Azeret Mono", sans-serif;--button-font: "IBM Plex Mono", sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;height:100dvh}body{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:var(--color-primary);position:relative;overflow-x:hidden;height:100vh;height:100dvh;scroll-behavior:smooth}body:before{content:"";position:absolute;top:0;left:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cfilter%20id%3D%22grain%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.5%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%20/%3E%3C/filter%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20filter%3D%22url(%23grain)%22%20/%3E%3C/svg%3E") repeat;opacity:.4;pointer-events:none;mix-blend-mode:multiply;z-index:0}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100dvw}h1{color:var(--font-color-light);font-family:var(--font-Header);margin:0}h2{font-size:2rem;font-weight:700;text-shadow:var(--shadow);margin:0;color:var(--font-color-light);font-family:var(--font-header-2-3)}h3{font-size:1.5rem;font-weight:600;color:var(--color-accent);font-family:var(--font-header-2-3);text-shadow:var(--shadow);margin:0}h4{font-size:1.2rem;font-weight:400;color:var(--color-accent);font-family:var(--font-header-2-3);text-shadow:var(--shadow);margin:0}p{color:var(--font-color-light);font-family:var(--font-body);font-size:1rem;text-shadow:var(--shadow);margin:0}ul{margin:0;padding:0}li{list-style-type:none}a{text-decoration:none;transition:all .3s ease-in-out}a:focus{outline:2px dashed var(--color-accent);outline-offset:4px}a:hover{cursor:pointer}