@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";#contact,#blog,#gallery,#about{min-height:100vh;width:100%;position:relative;background:#121212;color:#969696}.overlay,.video-container video{position:fixed;left:0;top:0;height:100%;width:100%}#blog .blog-container .smaller-articles .article{flex:1;margin:0 15px;background:#1f1f1f;padding:20px;border-radius:5px}#blog .blog-container .smaller-articles .article img,#blog .blog-container .featured-article img{width:100%;max-height:300px;object-fit:cover;margin-bottom:15px}#contact .contact-container .form-container form .message textarea,#contact .contact-container .form-container form .grid-container .form-group input{background-color:#525252;border:none;border-radius:8px;padding:15px;color:#fff;font-family:inherit;font-size:inherit}.fadeInUp{animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:#121212;font-family:"Inter",sans-serif;line-height:1.6}*{margin:0;padding:0}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding-left:15px;color:#e6e6e6;position:sticky;top:0;z-index:10;height:60px}@media(max-width: 1367px){.nav-wrapper{background:#121212}}.nav-wrapper .nav-left h1{font-size:3rem;color:#b3b3b3;font-weight:300}@media(max-width: 1367px){.nav-wrapper .nav-left h1{font-size:2.5rem}}.nav-wrapper .nav-left h1 span{color:#fff;font-weight:600;margin:0 5px;position:relative;top:5px}@media(max-width: 1367px){.nav-wrapper .nav-left h1 span{top:2.5px}}.nav-wrapper .nav-right .menu-icon{position:absolute;top:15px;right:15px;width:2rem;height:2rem;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;z-index:10}.nav-wrapper .nav-right .menu-icon div{height:.25rem;background-color:#e6e6e6;transition:all .3s ease-in-out}.nav-wrapper .nav-right .menu-icon.active .bar1{transform:translateY(0.6rem) rotate(-45deg)}.nav-wrapper .nav-right .menu-icon.active .bar2{opacity:0}.nav-wrapper .nav-right .menu-icon.active .bar3{transform:translateY(-0.75rem) rotate(45deg)}.nav-wrapper #nav{width:100%;height:100%;overflow:hidden;opacity:0;z-index:2}.nav-wrapper #nav .strip{position:absolute;top:0;bottom:0;width:20%;background:#2c2c2c;transform:translateY(-100%);transition:transform .5s ease;z-index:1}.nav-wrapper #nav .strip:nth-child(1){left:0%;transition-delay:0s}.nav-wrapper #nav .strip:nth-child(2){left:20%;transition-delay:.1s}.nav-wrapper #nav .strip:nth-child(3){left:40%;transition-delay:.2s}.nav-wrapper #nav .strip:nth-child(4){left:60%;transition-delay:.3s}.nav-wrapper #nav .strip:nth-child(5){left:80%;transition-delay:.4s}.nav-wrapper #nav.active{opacity:1;position:fixed;top:0;left:0}.nav-wrapper #nav.active .strip{transform:translateY(0)}.nav-wrapper #nav ul{list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;top:15%;z-index:10;transform:translateY(-100%);transition:transform .5s ease}@media(orientation: landscape)and (max-height: 450px){.nav-wrapper #nav ul{top:5%}}.nav-wrapper #nav ul li{margin:1rem 0;opacity:0;transition:opacity 1s ease}.nav-wrapper #nav ul li:nth-child(1){transition-delay:.5s}.nav-wrapper #nav ul li:nth-child(2){transition-delay:.6s}.nav-wrapper #nav ul li:nth-child(3){transition-delay:.7s}.nav-wrapper #nav ul li:nth-child(4){transition-delay:.8s}.nav-wrapper #nav ul li:nth-child(5){transition-delay:.9s}.nav-wrapper #nav ul li a{font-size:4rem;font-weight:100;text-decoration:none;color:#e6e6e6}.nav-wrapper #nav ul li a:hover{font-weight:300;padding-bottom:10px;border-bottom:1px solid #e6e6e6}@media(orientation: landscape)and (max-width: 1181px){.nav-wrapper #nav ul li a{font-size:3rem}}@media(max-width: 600px){.nav-wrapper #nav ul li a{font-size:3rem}}@media(orientation: portrait)and (max-height: 700px){.nav-wrapper #nav ul li a{font-size:2.5rem}}@media(orientation: landscape)and (max-height: 450px){.nav-wrapper #nav ul li a{font-size:1.5rem}}.nav-wrapper #nav.active ul{transform:translateY(0)}.nav-wrapper #nav.active ul li{opacity:1}.video-container{position:relative;z-index:-1;height:100vh;display:grid;place-items:center}.video-container video{object-fit:cover}.overlay{background-color:rgba(0,0,0,.5);display:grid;place-items:center}.overlay h1{position:relative;color:#969696;font-size:clamp(3.5rem,5vw,6rem);font-weight:800;z-index:10;animation:colorChange 1.5s ease-in-out infinite alternate}@keyframes colorChange{from{color:#636363}to{color:#fff}}@media(orientation: portrait)and (max-width: 1025px){.overlay h1{font-size:4rem}}@media(max-width: 600px){.overlay h1{font-size:3.5rem}}.overlay p{color:#fff;position:relative;text-align:center;font-size:clamp(1rem,5vw,1.5rem);font-weight:200}#about{height:100vh}@media(orientation: landscape)and (max-height: 450px){#about{padding-top:10vh;padding-bottom:50vh}}#about .about-container{display:grid;place-items:center;height:100%;width:100%}#about .about-container h2{font-size:clamp(2rem,5vw,3rem)}@media(orientation: landscape)and (max-width: 1181px){#about .about-container h2{margin-left:5%}}@media(orientation: portrait)and (max-width: 1025px){#about .about-container h2{margin-left:5%}}#about .about-container p{width:75ch;font-size:clamp(1rem,5vw,1.5rem);line-height:1.8}@media(orientation: landscape)and (max-width: 1181px){#about .about-container p{width:90%;margin-left:5%}}@media(orientation: portrait)and (max-width: 1025px){#about .about-container p{width:90%;margin-left:5%}}#about .about-container .phrase{color:#636363;transition-property:color;transition-timing-function:ease}#about .about-container .phrase:nth-child(1){transition-delay:.1s}#about .about-container .phrase:nth-child(2){transition-delay:.2s}#about .about-container .phrase:nth-child(3){transition-delay:.3s}#about .about-container .phrase:nth-child(4){transition-delay:.4s}#about .about-container .phrase:nth-child(5){transition-delay:.5s}#about .about-container .phrase:nth-child(6){transition-delay:.6s}#about .about-container .phrase:nth-child(7){transition-delay:.7s}#about .about-container .phrase:nth-child(8){transition-delay:.8s}#about .about-container .phrase.active{color:#c9c9c9}#gallery .gallery-container{display:flex;align-items:center;justify-content:center;flex-direction:row;height:100vh;position:relative;top:50px}@media(max-width: 1367px){#gallery .gallery-container{margin:0 2.5%}}@media(orientation: portrait)and (max-width: 1025px){#gallery .gallery-container{flex-direction:column;height:auto;padding-bottom:10vh;top:100px}}@media(orientation: portrait)and (max-height: 700px){#gallery .gallery-container{padding-bottom:20vh}}@media(orientation: landscape)and (max-height: 450px){#gallery .gallery-container{margin:0 2.5%;flex-direction:column;height:auto;padding-bottom:30vh;top:100px}}#gallery .image-box{width:300px;opacity:.5;transform:scale(0.95);margin-right:10px}#gallery .image-box:not(.tall){height:400px}#gallery .image-box.tall{height:600px;animation:levitation 4s ease-in-out infinite}@media(orientation: portrait)and (max-width: 1025px){#gallery .image-box.tall{animation:none}}@media(orientation: landscape)and (max-height: 450px){#gallery .image-box.tall{animation:none}}@keyframes levitation{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#gallery .image-box img{width:100%;height:100%;object-fit:cover;border-radius:10px}#gallery .image-box:nth-child(1){transition-delay:.1s}#gallery .image-box:nth-child(2){transition-delay:.2s}#gallery .image-box:nth-child(3){transition-delay:.3s}#gallery .image-box:nth-child(4){transition-delay:.4s}#gallery .image-box:nth-child(5){transition-delay:.5s}#gallery .image-box:nth-child(6){transition-delay:.6s}#gallery .image-box.active{opacity:1;transform:scale(1);transition:transform .5s ease,opacity .5s ease}#gallery .text-box{background:#1f1f1f;box-sizing:border-box;padding:20px;width:300px}#gallery .text-box h3{color:#c8c8c8}#gallery .image-box,#gallery .text-box{border-radius:10px}#gallery .image-box:not(:last-child),#gallery .text-box:not(:last-child){margin-bottom:10px}@media(orientation: portrait)and (max-width: 1025px){#gallery .image-box,#gallery .text-box{width:95%;margin-right:unset;margin:auto;margin-bottom:10px;opacity:1;transform:scale(1)}}@media(orientation: landscape)and (max-height: 450px){#gallery .image-box,#gallery .text-box{width:90%;margin-right:unset;margin:auto;margin-bottom:10px;opacity:1;transform:scale(1)}}#blog{display:flex;align-items:center;justify-content:center;flex-direction:row;padding-top:10vh}#blog .blog-container{width:80%;padding:50px}@media(max-width: 1367px){#blog .blog-container{width:90%;padding:5%}}#blog .blog-container a{text-decoration:none;color:#809fff;transition:color .3s}#blog .blog-container a:hover{color:#1a53ff}#blog .blog-container .featured-article{margin-bottom:50px;opacity:0}#blog .blog-container .featured-article h3{font-size:2.5rem;color:#c8c8c8;margin:15px 0}@media(orientation: portrait)and (max-width: 1025px){#blog .blog-container .featured-article h3{font-size:2.2rem}}@media(max-width: 600px){#blog .blog-container .featured-article h3{font-size:1.5rem}}@media(orientation: landscape)and (max-height: 450px){#blog .blog-container .featured-article h3{font-size:2rem}}#blog .blog-container .featured-article p{font-size:1.2rem;margin-bottom:20px}@media(max-width: 600px){#blog .blog-container .featured-article p{font-size:1rem}}#blog .blog-container .smaller-articles{display:flex;justify-content:space-between}@media(orientation: portrait)and (max-width: 1025px){#blog .blog-container .smaller-articles{flex-direction:column}}@media(orientation: landscape)and (max-height: 450px){#blog .blog-container .smaller-articles{flex-direction:column}}#blog .blog-container .smaller-articles .article{opacity:0}@media(orientation: portrait)and (max-width: 1025px){#blog .blog-container .smaller-articles .article{margin-bottom:20px}}@media(max-width: 600px){#blog .blog-container .smaller-articles .article{margin:0;margin-bottom:20px}}@media(orientation: landscape)and (max-height: 450px){#blog .blog-container .smaller-articles .article{margin-bottom:20px}}#blog .blog-container .smaller-articles .article h3{font-size:1.8rem;color:#c8c8c8;margin:15px 0}@media(orientation: landscape)and (max-width: 1181px){#blog .blog-container .smaller-articles .article h3{font-size:1.4rem}}@media(orientation: portrait)and (max-width: 1025px){#blog .blog-container .smaller-articles .article h3{font-size:1.7rem}}@media(max-width: 600px){#blog .blog-container .smaller-articles .article h3{font-size:1.3rem}}#blog .blog-container .smaller-articles .article p{font-size:1rem}@media(orientation: landscape)and (max-width: 1181px){#blog .blog-container .smaller-articles .article p{font-size:.9rem}}#blog .blog-container .smaller-articles .article img{min-height:300px}#contact{display:grid;place-items:center}#contact .contact-container{opacity:0}@media(max-width: 600px){#contact .contact-container{padding-top:5vh}}@media(orientation: portrait)and (max-height: 700px){#contact .contact-container{padding-top:10vh}}@media(orientation: landscape)and (max-height: 450px){#contact .contact-container{padding-top:15vh}}#contact .contact-container h2{font-size:clamp(2rem,5vw,3rem)}#contact .contact-container .form-container{background-color:#1f1f1f;padding:20px;width:80vw;margin:0 auto;border-radius:20px;font-size:1rem}#contact .contact-container .form-container form .grid-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media(max-width: 600px){#contact .contact-container .form-container form .grid-container{grid-template-columns:1fr;gap:10px}}#contact .contact-container .form-container form .grid-container .form-group{display:flex;flex-direction:column}#contact .contact-container .form-container form .grid-container .form-group label{color:#fff;margin-bottom:5px}#contact .contact-container .form-container form .grid-container .form-group input:focus{outline:none;background-color:#393939}#contact .contact-container .form-container form .message label{position:relative;top:15px;color:#fff}#contact .contact-container .form-container form .message textarea{box-sizing:border-box;width:100%;margin:20px 20px 0 0;height:200px;resize:vertical}@media(orientation: landscape)and (max-height: 450px){#contact .contact-container .form-container form .message textarea{height:100px}}@media(orientation: portrait)and (max-height: 700px){#contact .contact-container .form-container form .message textarea{height:100px}}#contact .contact-container .form-container form .message textarea:focus{outline:none;background-color:#393939}#contact .contact-container .form-container form button{width:100%;padding:15px;background-color:#9f9f9f;border-radius:25px;color:#121212;font-size:1.2rem;border:none;cursor:pointer;transition:background-color .3s;margin-top:20px}#contact .contact-container .form-container form button:hover{background-color:#393939;color:#c8c8c8}footer{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#121212;color:#c8c8c8;padding:20px 0;font-size:1.2rem;position:relative;z-index:9}footer .social-icons{margin-top:10px}footer .social-icons a{margin:0 10px;color:#c8c8c8;font-size:1.5rem}footer .social-icons a:hover{color:#fbfbfb}.toast-container{display:flex;justify-content:center;align-items:flex-start;width:100%}.toast{visibility:hidden;min-width:250px;background:#636363;color:#fff;text-align:center;border-radius:8px;padding:1rem;position:fixed;top:10px;z-index:100;font-size:1.2rem}.toast.show{visibility:visible;animation:fadeIn .5s,fadeOut .5s 9.5s}@keyframes fadeIn{from{opacity:0;top:0}to{opacity:1;top:10px}}@keyframes fadeOut{from{opacity:1;top:10px}to{opacity:0;top:0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background-color:#a0a0a0;border-radius:5px;min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:gray}