@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@500&family=Karla:wght@400;500;600;700&family=Martian+Mono:wght@200;300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html{background-color:#18181b}code{font-family:Archivo Black,sans-serif;font-family:Inter,sans-serif;font-family:Karla,sans-serif;font-family:Martian Mono,monospace}@media screen and (max-width:720px){.socials-icon{display:none}.socials-icon2{display:inline-block}.nav-element>a{font-size:small;font-weight:500}.wide-window{display:none}}@media screen and (min-width:720px){.socials-icon2{display:none}}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsla(0,0%,92%,.105);border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:absolute;z-index:2}.nav-element>a{font-size:large;font-weight:500}.nav-element>a:hover{color:purple}.popup{display:absolute;margin-left:4.5%;padding:20px;z-index:2}.intro-card,.popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsla(0,0%,92%,.105);border-radius:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro-card{padding:10px}button:disabled,button[disabled]{background-color:#ccc;border:1px solid #999;color:#666}.icon{transition:transform .4s ease}.icon:hover{transform:scale(1.1)}.card{background-size:cover;color:#fff;height:25rem;overflow:hidden;transition:transform .5s ease-out;z-index:0}.card:focus-within,.card:hover{transform:scale(1.03)}.card-content{background:linear-gradient(#0000,#0006 30%,#000)}@media (hover){.card-content{transform:translateY(65%);transition:transform .5s ease}.card:focus-within .card-content,.card:hover .card-content{transform:translateY(0);transition-delay:.5s}.card:focus-within .card-content{transition-duration:0ms}.card--extra{opacity:0;transition:transform .5s linear}.card:focus-within .card--extra,.card:hover .card--extra{opacity:1;transition-delay:.5s}}.card--button:hover{color:purple}#canvas{left:0;max-width:100%;position:fixed;width:100%;z-index:-1}
/*# sourceMappingURL=main.30684539.css.map*/