@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);.about-container{margin-bottom:60px;width:100%}.about-container .about-info{display:flex;flex-direction:column;gap:20px;margin:auto;width:50%}@media(min-width:993px)and (max-width:1200px){.about-container .about-info{width:calc(100% - 160px)}}@media(min-width:769px)and (max-width:992px){.about-container .about-info{width:calc(100% - 200px)}}@media(min-width:577px)and (max-width:768px){.about-container .about-info{width:calc(100% - 140px)}}@media(max-width:576px){.about-container .about-info{width:calc(100% - 80px)}}#contact .contact-container{display:grid;grid-template-columns:1fr}@media(min-width:769px)and (max-width:992px){#contact .contact-container{margin:auto}}@media(min-width:577px)and (max-width:768px){#contact .contact-container{margin:auto}}@media(max-width:576px){#contact .contact-container{margin:auto}}#contact .contact-container .contact-info{align-items:center;display:flex;flex-direction:column;gap:4px}#contact .contact-container .contact-info p{font-size:1.2rem}#contact .contact-container .contact-form{margin-top:40px}#contact .contact-container .contact-form form{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr;margin:auto;max-width:800px;width:100%}#contact .contact-container .contact-form form input{-webkit-appearance:none;appearance:none;background-color:#0000;border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;line-height:1.8;outline:none;padding:0 10px}@media(min-width:1201px)and (max-width:1400px){#contact .contact-container .contact-form form input{margin:auto;width:calc(100% - 140px)}}@media(min-width:993px)and (max-width:1200px){#contact .contact-container .contact-form form input{margin:auto;width:calc(100% - 140px)}}@media(min-width:769px)and (max-width:992px){#contact .contact-container .contact-form form input{margin:auto;width:calc(100% - 140px)}}@media(min-width:577px)and (max-width:768px){#contact .contact-container .contact-form form input{margin:auto;width:calc(100% - 120px)}}@media(max-width:576px){#contact .contact-container .contact-form form input{margin:auto;width:calc(100% - 80px)}}#contact .contact-container .contact-form form input::placeholder{color:#fff}#contact .contact-container .contact-form form input:focus{border-bottom:2px solid #fff}#contact .contact-container .contact-form form textarea{background-color:#0000;border:1px solid #fff;color:#fff;font-family:Roboto;min-height:90px;outline:none;padding:10px;resize:vertical}@media(min-width:1201px)and (max-width:1400px){#contact .contact-container .contact-form form textarea{margin:auto;width:calc(100% - 140px)}}@media(min-width:993px)and (max-width:1200px){#contact .contact-container .contact-form form textarea{margin:auto;width:calc(100% - 140px)}}@media(min-width:769px)and (max-width:992px){#contact .contact-container .contact-form form textarea{margin:auto;width:calc(100% - 140px)}}@media(min-width:577px)and (max-width:768px){#contact .contact-container .contact-form form textarea{margin:auto;width:calc(100% - 120px)}}@media(max-width:576px){#contact .contact-container .contact-form form textarea{margin:auto;width:calc(100% - 80px)}}#contact .contact-container .contact-form form textarea::placeholder{color:#fff}#contact .contact-container .contact-form form textarea:focus{border:2px solid #fff}#contact .contact-container .contact-form form .submit-button{margin:auto}#contact .contact-container .contact-form form .success-message{color:green}#contact .contact-container .contact-form form .error-message{color:red}footer{margin-top:80px}footer .footer-container{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:500px;padding:10px;width:100%}@media(max-width:576px){footer .footer-container{width:calc(100% - 20px)}}footer .footer-container .footer-links{align-items:center;display:flex;justify-content:space-around;margin-bottom:20px;max-width:500px;width:100%}@media(min-width:577px)and (max-width:768px){footer .footer-container .footer-links{width:calc(100% - 20px)}}@media(max-width:576px){footer .footer-container .footer-links{width:calc(100% - 140px)}}footer .footer-container .footer-links .footer-link{all:unset;border:none;cursor:pointer;font-weight:200;text-decoration:none;transition:color .4s ease}footer .footer-container .footer-links .footer-link:hover{color:#ccc}footer .footer-container p{font-size:.9rem;font-weight:300}.home-container{display:flex;margin:auto;max-width:1600px;min-height:100dvh;width:100%}@media(min-width:993px)and (max-width:1200px){.home-container{flex-direction:column}}@media(min-width:769px)and (max-width:992px){.home-container{flex-direction:column;width:calc(100% - 20px)}}@media(min-width:577px)and (max-width:768px){.home-container{flex-direction:column;width:calc(100% - 20px)}}@media(max-width:576px){.home-container{flex-direction:column;width:calc(100% - 20px)}}.home-container .home-info{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.home-container .home-info span{display:inline}@media(min-width:1201px)and (max-width:1400px){.home-container .home-info{margin-bottom:60px}.home-container .home-info h1{font-size:2.6rem;text-align:center}}@media(min-width:993px)and (max-width:1200px){.home-container .home-info{margin-bottom:60px;order:2}.home-container .home-info h1{text-align:center;width:80%}}@media(min-width:769px)and (max-width:992px){.home-container .home-info{margin-bottom:60px;order:2}.home-container .home-info h1{text-align:center;width:80%}}@media(min-width:577px)and (max-width:768px){.home-container .home-info{margin-bottom:60px;order:2}.home-container .home-info span{display:block}.home-container .home-info .home-text-info{display:none}.home-container .home-info h1{text-align:center;width:60%}}@media(max-width:576px){.home-container .home-info{margin-bottom:60px;order:2}.home-container .home-info span{display:block}.home-container .home-info .home-text-info{display:none}.home-container .home-info h1{text-align:center;width:80%}}.home-container .home-info p{margin-top:5px;width:64%}@media(min-width:1201px)and (max-width:1400px){.home-container .home-info p{text-align:center;width:83%}}@media(min-width:993px)and (max-width:1200px){.home-container .home-info p{text-align:center;width:50%}}@media(min-width:769px)and (max-width:992px){.home-container .home-info p{text-align:center;width:50%}}@media(min-width:577px)and (max-width:768px){.home-container .home-info p{text-align:center;width:68%}}@media(max-width:576px){.home-container .home-info p{text-align:center;width:75%}}.home-container .home-info .home-info-links{align-items:center;display:flex;gap:50px;height:50px;margin-top:10px}@media(max-width:576px){.home-container .home-info .home-info-links{flex-direction:column;gap:15px;height:100px;justify-content:center}}.home-container .home-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}@media(min-width:993px)and (max-width:1200px){.home-container .home-image-container{flex:.3 1;margin-top:40px}}@media(min-width:769px)and (max-width:992px){.home-container .home-image-container{flex:.3 1;margin-top:40px}}@media(min-width:577px)and (max-width:768px){.home-container .home-image-container{flex:.3 1;margin-top:40px}}@media(max-width:576px){.home-container .home-image-container{flex:.3 1;margin-top:40px}}.home-container .home-image-container img{height:600px;object-fit:cover;width:400px}@media(min-width:993px)and (max-width:1200px){.home-container .home-image-container img{height:400px;width:250px}}@media(min-width:769px)and (max-width:992px){.home-container .home-image-container img{height:400px;width:250px}}@media(min-width:577px)and (max-width:768px){.home-container .home-image-container img{height:400px;width:250px}}@media(max-width:576px){.home-container .home-image-container img{height:300px;width:200px}}#home nav{align-items:center;display:flex;height:50px;position:fixed;width:100%;z-index:1000}#home nav .mobile-nav{display:block}#home nav .mobile-nav .menu-icon{cursor:pointer;height:22px;margin-left:18px;position:relative;width:24px;z-index:1000}@media(min-width:577px)and (max-width:768px){#home nav .mobile-nav .menu-icon{width:24px}}@media(max-width:576px){#home nav .mobile-nav .menu-icon{width:22px}}#home nav .mobile-nav .menu-icon div{background:#fff;border-radius:2px;height:1px;margin:5px 0;transition:all .4s;width:100%}#home nav .mobile-nav .menu-icon.open .bar-1{transform:rotate(-45deg) translate(-5px,6px)}#home nav .mobile-nav .menu-icon.open .bar-2{opacity:0}#home nav .mobile-nav .menu-icon.open .bar-3{transform:rotate(45deg) translate(-5px,-6px)}#home nav .mobile-menu{align-items:center;display:flex;flex-direction:column;gap:5rem;height:100dvh;justify-content:center;left:0;padding:1.5rem 0;position:fixed;top:0;transform:translateX(-100%);transition:transform .8s ease-in-out;width:60px;z-index:999}@media(max-width:576px){#home nav .mobile-menu{width:40px}}#home nav .mobile-menu li{transform:rotate(90deg)}#home nav .mobile-menu li .nav-link{all:unset;border:none;cursor:pointer;font-weight:200;text-decoration:none;transition:color .4s ease}#home nav .mobile-menu li .nav-link:hover{color:#ccc}#home nav .mobile-menu.open{transform:translateX(0)}.project-card-container{border:1px solid #fff;border-radius:8px;overflow:hidden;width:450px}@media(min-width:1201px)and (max-width:1400px){.project-card-container{margin:auto;width:650px}}@media(min-width:993px)and (max-width:1200px){.project-card-container{margin:auto;width:650px}}@media(min-width:769px)and (max-width:992px){.project-card-container{margin:auto;width:650px}}@media(min-width:577px)and (max-width:768px){.project-card-container{margin:auto;width:calc(100% - 120px)}}@media(max-width:576px){.project-card-container{margin:auto;width:calc(100% - 80px)}}.project-card-container .project-card-image-container{height:300px;overflow:hidden;position:relative;width:100%}.project-card-container .project-card-image-container .latest-project-image{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.project-card-container .project-card-image-container .latest-project-image:hover{transform:scale(1.05)}.project-card-container .project-card-image-container .overlay{align-items:center;background-color:#000c;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .8s ease}.project-card-container .project-card-image-container .overlay:hover{opacity:1}.project-card-container .project-card-links{align-items:center;display:flex;justify-content:space-between;margin:20px}@media(max-width:576px){.project-card-container .project-card-links{gap:20px}}#projects{margin-bottom:40px}#projects .projects-container .latest-project-container{display:grid;margin-bottom:40px;place-items:center;width:100%}#projects .projects-container .explore-button-container{display:flex;justify-content:center;margin-top:50px}#projects .projects-container .remaining-projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:auto;place-items:center}@media(min-width:1201px)and (max-width:1400px){#projects .projects-container .remaining-projects-container{grid-template-columns:1fr;place-items:unset}}@media(min-width:993px)and (max-width:1200px){#projects .projects-container .remaining-projects-container{grid-template-columns:1fr;place-items:unset}}@media(min-width:769px)and (max-width:992px){#projects .projects-container .remaining-projects-container{grid-template-columns:1fr;place-items:unset}}@media(min-width:577px)and (max-width:768px){#projects .projects-container .remaining-projects-container{grid-template-columns:1fr;place-items:unset}}@media(max-width:576px){#projects .projects-container .remaining-projects-container{grid-template-columns:1fr;place-items:unset}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:Roboto,sans-serif}html{scroll-behavior:smooth}a,button{align-items:center;background:#0000;border:1px solid #fff;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:300;height:40px;justify-content:center;text-decoration:none;transition:all .4s ease;width:140px}a:hover,button:hover{box-shadow:0 0 12px #ffffffb3;transform:scale(1.01)}li{list-style:none}h1{font-size:clamp(2.3rem,4vw,3.1rem);font-weight:500}p{font-size:1rem;font-weight:300;line-height:1.3}.title{margin-bottom:40px;text-align:center}
/*# sourceMappingURL=main.d8185ba0.css.map*/