@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Share+Tech&display=swap);.nav-wrapper{align-items:center;display:flex;height:50px;justify-content:space-between;position:absolute;width:100%;z-index:100}.nav-wrapper .logo{cursor:pointer;margin-left:20px}.nav-wrapper .logo p{color:#0b9fbd;color:var(--header-font-color);font-family:Orbitron;font-size:.8rem;font-weight:400}.nav-wrapper .logo p span{color:#b31b6f;color:var(--primary-font-color)}.nav-wrapper .logo p .theme-icon{bottom:5px;left:5px;position:relative}.nav-wrapper .mobile-nav{display:block}.nav-wrapper .mobile-nav .menu-icon{cursor:pointer;height:22px;margin-right:20px;position:relative;width:30px;z-index:1000}.nav-wrapper .mobile-nav .menu-icon div{background:#b31b6f;background:var(--primary-font-color);border-radius:2px;height:3px;margin:5px 0;transition:all .4s;width:100%}.nav-wrapper .mobile-nav .menu-icon.open .bar1{transform:rotate(-45deg) translate(-5px,6px)}.nav-wrapper .mobile-nav .menu-icon.open .bar2{opacity:0}.nav-wrapper .mobile-nav .menu-icon.open .bar3{transform:rotate(45deg) translate(-5px,-6px)}.nav-wrapper .mobile-menu{align-items:center;background:#000;background:var(--background);display:flex;flex-direction:column;gap:4rem;height:100vh;justify-content:center;padding:1.5rem 0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .8s ease-in-out;width:100%;z-index:999}.nav-wrapper .mobile-menu li a{color:#b31b6f;color:var(--primary-font-color);font-family:Orbitron;font-size:1.3rem;font-weight:600;transition:all .3s}.nav-wrapper .mobile-menu li a:hover{color:#0b9fbd;color:var(--header-font-color)}.nav-wrapper .mobile-menu.open{transform:translateX(0)}#home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100%}#home video{object-fit:cover}#home .overlay,#home video{height:100%;left:0;position:absolute;top:0;width:100%}#home .overlay{background:#0009;z-index:10}#home .overlay.dark{background:#000c}#home .home-container{display:flex;flex-direction:column;justify-content:center;max-width:800px;padding:10px;width:100%;z-index:10}@media(max-width:768px){#home .home-container{max-width:580px}}@media(max-width:600px){#home .home-container{max-width:400px}}#home .home-container .home-title{width:100%}#home .home-container .home-title h1{font-size:3rem;text-align:center}@media(max-width:768px){#home .home-container .home-title h1{font-size:2.4rem}}@media(max-width:600px){#home .home-container .home-title h1{font-size:2rem}}#home .home-container .home-title h2{font-size:3rem}#home .home-container .home-title h2 span{display:inline}@media(max-width:768px){#home .home-container .home-title h2 span{display:block}#home .home-container .home-title h2{font-size:2.4rem;text-align:center}}@media(max-width:600px){#home .home-container .home-title h2{font-size:2rem}}#home .home-container .home-title p{margin:auto;max-width:600px;width:100%}@media(max-width:768px){#home .home-container .home-title p{text-align:center;width:350px}}@media(max-width:600px){#home .home-container .home-title p{text-align:center;width:280px}}#home .home-container .home-links{align-items:center;display:flex;gap:40px;justify-content:center;margin-top:10px}@media(max-width:768px){#home .home-container .home-links{flex-direction:column;gap:15px}}#home .home-container .home-links a{border:1px solid var(--primary-font-color);border-radius:8px;box-shadow:var(--box-shadow);font-weight:600;padding:8px 24px;text-align:center;transition:all .3s;width:200px}@media(max-width:600px){#home .home-container .home-links a{font-size:.9rem}}#home .home-container .home-links a:hover{background-color:var(--primary-font-color);color:var(--background)}#about{min-height:100vh;position:relative;top:60px;width:100%}#about .about-container{display:flex;gap:2rem;margin:60px auto;max-width:1268px;width:100%}@media(max-width:1200px){#about .about-container{max-width:992px}}@media(max-width:992px){#about .about-container{max-width:768px}}@media(max-width:768px){#about .about-container{align-items:center;flex-direction:column;max-width:576px}}@media(max-width:600px){#about .about-container{width:calc(100% - 20px)}}#about .about-container .image-container{flex:1 1;height:510px;width:400px}@media(max-width:600px){#about .about-container .image-container{height:400px;width:calc(100% - 20px)}}#about .about-container .image-container img{height:100%;object-fit:contain;width:100%}#about .about-container .box{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}@media(max-width:600px){#about .about-container .box{width:calc(100% - 20px)}}#about .about-container .box p{width:100%}#about .about-container .box p:nth-of-type(2){max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}#about .about-container .box p:nth-of-type(2).open{max-height:500px;opacity:1}.project-card-container{align-items:center;border:2px solid #b31b6f;border:2px solid var(--primary-font-color);border-radius:8px;box-shadow:0 4px 12px #b31b6f;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:10px;height:420px;max-width:320px;width:100%}@media(max-width:768px){.project-card-container{max-width:none}}@media(max-width:600px){.project-card-container{max-width:none}}.project-card-container .img-container{height:220px;width:100%}.project-card-container .img-container img{border-top-left-radius:8px;border-top-right-radius:8px;height:100%;object-fit:fill;width:100%}.project-card-container .project-card-info{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-card-container .project-card-info .tags{display:flex;gap:10px;position:relative;top:10px}.project-card-container .project-card-info .tags p{font-size:1.4rem}.project-card-container .project-card-links{align-items:center;display:flex;flex-direction:column;gap:10px;margin:auto auto 10px;width:90%}.project-card-container .project-card-links a{border:1px solid #b31b6f;border:1px solid var(--primary-font-color);border-radius:12px;font-size:.9rem;font-weight:600;padding:10px;text-align:center;transition:all .3s;width:100%}.project-card-container .project-card-links a:hover{background-color:#b31b6f;background-color:var(--primary-font-color);color:#000;color:var(--background)}#portfolio{min-height:100vh;position:relative;top:50px;width:100%}#portfolio .portfolio-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));height:100%;margin:60px auto;max-width:1268px;width:100%}@media(max-width:1200px){#portfolio .portfolio-container{max-width:992px}}@media(max-width:992px){#portfolio .portfolio-container{max-width:768px;place-items:center}}@media(max-width:768px){#portfolio .portfolio-container{max-width:576px}}@media(max-width:600px){#portfolio .portfolio-container{width:calc(100% - 20px)}}#contact{min-height:100vh;position:relative;width:100%}#contact .contact-container .contact-right form .form-group input,#contact .contact-container .contact-right form .message textarea{background-color:var(--background-alt);border:none;border-radius:8px;caret-color:var(--primary-font-color);color:var(--primary-font-color);font-family:inherit;font-size:inherit;outline:none;padding:15px}#contact{margin-bottom:60px;top:60px}#contact .contact-container{display:flex;margin:50px auto;max-width:1268px;width:100%}@media(max-width:1200px){#contact .contact-container{max-width:992px}}@media(max-width:992px){#contact .contact-container{max-width:768px}}@media(max-width:768px){#contact .contact-container{flex-direction:column;gap:50px;justify-content:center;margin-bottom:80px;max-width:576px}}@media(max-width:600px){#contact .contact-container{width:calc(100% - 20px)}}#contact .contact-container .contact-left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;width:100%}#contact .contact-container .contact-left .contact-left-title h3{color:var(--primary-font-color);font-size:1.5rem}@media(max-width:600px){#contact .contact-container .contact-left .contact-left-title h3{font-size:1.3rem}}#contact .contact-container .contact-left .contact-info{display:flex;flex-direction:column;gap:50px;height:auto;margin-top:50px;width:100%}#contact .contact-container .contact-left .contact-info .contact-info-box{display:flex}#contact .contact-container .contact-left .contact-info .contact-info-box .contact-icon{color:var(--primary-font-color)}#contact .contact-container .contact-left .contact-info .contact-info-box .contact-info-details{align-items:flex-start;display:flex;flex-direction:column;gap:3px;justify-content:center;margin-left:30px;max-width:350px;width:100%}#contact .contact-container .contact-left .contact-info .contact-info-box .contact-info-details span{color:var(--primary-font-color);font-weight:400}#contact .contact-container .contact-right{flex:1 1;width:100%}#contact .contact-container .contact-right form{background-color:var(--background-alt);border-radius:8px;font-size:1rem;max-width:650px;padding:20px;width:100%}#contact .contact-container .contact-right form .form-group{display:flex;flex-direction:column}#contact .contact-container .contact-right form .form-group label{bottom:3px;color:var(--primary-font-color);font-weight:500;left:3px;margin-top:10px;position:relative}#contact .contact-container .contact-right form .form-group input{border:1px solid var(--primary-font-color)}#contact .contact-container .contact-right form .form-group input:focus{outline:2px solid var(--primary-font-color)}#contact .contact-container .contact-right form .message label{color:var(--primary-font-color);font-weight:500;left:3px;position:relative;top:15px}#contact .contact-container .contact-right form .message textarea{border:1px solid var(--primary-font-color);box-sizing:border-box;height:200px;margin:20px 20px 0 0;resize:vertical;width:100%}#contact .contact-container .contact-right form .message textarea:focus{outline:2px solid var(--primary-font-color)}#contact .contact-container .contact-right form .success-message{color:var(--primary-font-color)}#contact .contact-container .contact-right form .error-message{color:red}footer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:15px;position:relative}@media(max-width:600px){footer{margin:auto;width:calc(100% - 20px)}}footer .social-icons ul{display:flex;gap:30px;padding-bottom:5px}footer .social-icons ul li a{color:var(--primary-font-color);display:inline-block;font-size:1.3rem;transition:transform .3s}footer .social-icons ul li a:hover{transform:scale(1.2)}footer p{font-size:.9rem;font-weight:400;text-align:center}.scroll-to-top{align-items:center;background:var(--primary-font-color);border-radius:50%;bottom:60px;box-shadow:var(--box-shadow);color:var(--background);cursor:pointer;display:flex;height:30px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:30px;z-index:1000}@media(max-width:600px){.scroll-to-top{display:none}}.loader-container{align-items:center;background:#000;background:var(--background);color:#b31b6f;color:var(--primary-font-color);display:flex;flex-direction:row;flex-direction:column;height:100vh;justify-content:center}@media(max-width:768px){.loader-container{margin:auto;width:500px}}@media(max-width:600px){.loader-container{margin:auto;width:300px}}.loader-container p{font-family:Orbitron;font-size:1.1rem}.loader-container .progress-bar{background:#000;background:var(--background);border-radius:8px;height:10px;margin:20px 0;overflow:hidden;width:500px}@media(max-width:600px){.loader-container .progress-bar{text-align:center;width:300px}}.loader-container .progress{background:#b31b6f;background:var(--primary-font-color);height:100%;transition:width .1s linear;width:0}:root{--background:#000;--background-alt:#161616;--primary-font-color:#b31b6f;--header-font-color:#0b9fbd;--header-font:"Orbitron",sans-serif;--body-font:"Montserrat",sans-serif;--box-shadow:0 4px 12px var(--primary-font-color)}:root[data-theme=dark-mode]{--background:#000;--background-alt:#161616;--primary-font-color:#b6b1b1;--header-font-color:#7a7373;--header-font:"Orbitron",sans-serif;--body-font:"Montserrat",sans-serif;--box-shadow:0 4px 12px var(--primary-font-color)}html{scroll-behavior:smooth}*,html{box-sizing:border-box}*{margin:0;padding:0}body{background:#000;background:var(--background);color:#b31b6f;color:var(--primary-font-color);font-family:Montserrat,sans-serif;font-family:var(--body-font);transition:background .4s ease,color .4s ease}a{color:inherit;text-decoration:none}li{list-style:none}.title,h1,h2,h3,h4,h5,h6{color:#0b9fbd;color:var(--header-font-color);font-family:Orbitron,sans-serif;font-family:var(--header-font)}.title{font-size:2rem;text-align:center}@media(max-width:600px){.title{font-size:1.5rem}}p{color:#b31b6f;color:var(--primary-font-color);font-family:Montserrat,sans-serif;font-family:var(--body-font);font-size:1rem;font-weight:700;line-height:1.6}@media(max-width:600px){p{font-size:.9rem}}button{background-color:#b31b6f;background-color:var(--primary-font-color);border:1px solid #b31b6f;border:1px solid var(--primary-font-color);border-radius:8px;color:#000;color:var(--background);cursor:pointer;font-size:1.2rem;margin-top:20px;padding:15px;transition:background-color .3s;width:100%}button:hover{background-color:#000;background-color:var(--background);color:#b31b6f;color:var(--primary-font-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000;background:var(--background)}::-webkit-scrollbar-thumb{background:#b31b6f;background:var(--primary-font-color);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0b9fbd;background:var(--header-font-color)}
/*# sourceMappingURL=main.bc2bbbe7.css.map*/