@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;background-color:#141414}.header{top:0;left:0;position:fixed;width:100%;padding:1.3rem 10%;background:rgba(0,0,0,.1);backdrop-filter:blur(0px);box-shadow:0 .5rem 1rem #0000001a;display:flex;justify-content:space-between;align-items:center;z-index:100}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);backdrop-filter:blur(50px);z-index:-1}.header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.header:hover:after{left:100%}.logo{font-size:2rem;color:#fff;text-decoration:none;font-weight:700}.navbar a{font-size:1.15rem;color:#fff;text-decoration:none;font-weight:500;margin-left:2.5rem;transition:transform .3s ease,color .3s ease}.navbar a:hover{color:#af0;transform:scale(1.1)}#check{display:none}.icons{position:absolute;right:5%;font-size:2.8rem;color:#fff;cursor:pointer;display:none}.intro{position:absolute;top:50%;left:0;transform:translateY(-50%);width:70%;padding:2rem;z-index:99}.intro p{bottom:0;left:0;font-size:2.3vw;color:#fff;padding:10px;margin-top:15vh}canvas{display:block}#container{width:100vw;height:100vh;position:static;top:0;left:0;z-index:1}@media (max-width: 1275px){.intro p{font-size:3vw}.icons{display:inline-flex}#check:checked~.icons #menu-icon{display:none}.icons #close-icon{display:none}#check:checked~.icons #close-icon{display:block}.navbar{position:absolute;top:100%;left:0;width:100%;height:0;background:#000;backdrop-filter:blur(50px);box-shadow:0 .5rem 1rem #0000001a;overflow:hidden;transition:.3s ease}#check:checked~.navbar{height:24rem}.navbar a{display:block;font-size:1.1rem;margin:1.5rem 0;text-align:center;transform:translateY(-50px);transition:.3s ease}#check:checked~.navbar a{transform:translateY(0);opacity:1;transition-delay:calc(.15s * var(--i))}}@media (max-width: 992px){.header{padding:1.3rem 5%}}@media (max-width: 768px){.intro{top:60vh}}@media (max-width: 425px){.intro{top:50vh}}@media (max-width: 500px){.intro p{margin-bottom:40vh;font-size:5.5vw}}