main{scroll-behavior:smooth}*{margin:0;padding:0;color:#fff}body{background-color:#1c1c1c}html{scroll-behavior:smooth}h1{color:#3dcfb6;font-family:Fira Code;font-weight:900;font-size:64px}h4{font-size:24px;color:#3dcfb6}a{text-decoration:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:rgba(255,255,255,.8);transition:background-color 5000s ease-in-out 0s;font-family:Kira;font-size:18px}.button{cursor:pointer;border:1px solid rgb(255,255,255);background-color:transparent;padding:13px 24px;border-radius:24px}.button:hover{color:#3dcfb6;border-color:#3dcfb6}.box{transform:translate(-100px);transition:all 1s ease-out;will-change:transform,opacity}.box.visible{transform:translate(0)}@media (max-width: 320px){.button{padding:10px 16px}}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:300;src:url("./media/fira-code-v22-latin-300-XJ5IRY3O.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:400;src:url("./media/fira-code-v22-latin-regular-QEIMMOGQ.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:500;src:url("./media/fira-code-v22-latin-500-CUQ526YT.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:600;src:url("./media/fira-code-v22-latin-600-PHYWFKDR.woff2") format("woff2")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:700;src:url("./media/fira-code-v22-latin-700-CDX7LTAW.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:300;src:url("./media/karla-v31-latin-300-FAHY2QQG.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:400;src:url("./media/karla-v31-latin-regular-OQJK5M6H.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:500;src:url("./media/karla-v31-latin-500-J4JU2JIN.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:600;src:url("./media/karla-v31-latin-600-DUM33DTS.woff2") format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:700;src:url("./media/karla-v31-latin-700-PUTBBOA3.woff2") format("woff2")}