:root{--font-sans:"Inter",--apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--font-serif:"Newsreader","Signifier","Times",serif;--lowContrast:#000;--highContrast:#fff;--gray1:#161616;--gray2:#1c1c1c;--gray3:#232323;--gray4:#282828;--gray5:#2e2e2e;--gray6:#343434;--gray7:#3e3e3e;--gray8:#505050;--gray9:#707070;--gray10:#7e7e7e;--gray11:#a0a0a0;--gray12:#ededed;--grayA1:hsla(0,0%,100%,0);--grayA2:hsla(0,0%,100%,.026);--grayA3:hsla(0,0%,100%,.056);--grayA4:hsla(0,0%,100%,.077);--grayA5:hsla(0,0%,100%,.103);--grayA6:hsla(0,0%,100%,.129);--grayA7:hsla(0,0%,100%,.172);--grayA8:hsla(0,0%,100%,.249);--grayA9:hsla(0,0%,100%,.386);--grayA10:hsla(0,0%,100%,.446);--grayA11:hsla(0,0%,100%,.592);--grayA12:hsla(0,0%,100%,.923);--blue1:#0f1720;--blue2:#0f1b2d;--blue3:#10243e;--blue4:#102a4c;--blue5:#0f3058;--blue6:#0d3868;--blue7:#0a4481;--blue8:#0954a5;--blue9:#0091ff;--blue10:#369eff;--blue11:#52a9ff;--blue12:#eaf6ff;--accent:var(--blue9);--acccentUnderline:var(--blue8)}body,html{padding:0;margin:0;font-family:Inter,--apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#000;color:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}*,:after,:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}em{font-family:var(--font-serif)}.container{max-width:800px;height:100vh;max-height:100vh;width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.dot{fill:var(--highContrast);cursor:pointer}.dot:hover{fill:var(--gray12)}@keyframes opacity{0%{opacity:0}10%{opacity:0}to{opacity:1}}main{animation:opacity .4s ease-in-out forwards}.card{font-size:30px;width:100%;max-width:400px;height:200px;display:flex;align-items:center;justify-content:center;background:#121212;border-radius:10px;color:var(--gray10);cursor:pointer;transition:all .1s ease-in-out}.card:hover{background:#464646;color:#fff!important}@keyframes breathing{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.dot{animation:breathing 5s ease-in-out infinite}