.contact{height:100vh;max-width:1366px;margin:auto;display:flex;align-items:center;gap:20px;padding:0 40px;overflow:hidden}@media (max-width: 738px){.contact{width:100%;padding:10px;flex-direction:column}.contact #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}@media (max-width: 738px){.contact .textContainer{gap:15px;text-align:center;align-items:center}.contact .textContainer #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .textContainer h1{font-size:100px;line-height:88px}@media (max-width: 738px){.contact .textContainer h1{font-size:36px}.contact .textContainer h1 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .textContainer span{font-weight:300}.contact .formContainer{flex:1;position:relative}@media (max-width: 738px){.contact .formContainer{padding:15px 40px;width:100%}.contact .formContainer #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .formContainer .phoneSvg{stroke:orange;position:absolute;margin:auto;z-index:-1;display:flex;align-items:center;width:100%;height:100%}@media (max-width: 738px){.contact .formContainer .phoneSvg{left:20px;width:90%}.contact .formContainer .phoneSvg #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .formContainer .phoneSvg svg{height:450px;width:450px;margin:auto}@media (max-width: 738px){.contact .formContainer .phoneSvg svg{height:85%!important;width:80%!important}.contact .formContainer .phoneSvg svg #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 1000px){.contact .formContainer .phoneSvg svg{width:40vw}.contact .formContainer .phoneSvg svg #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid white;color:#fff;border-radius:5px}@media (max-width: 738px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}.contact .formContainer form input #projects,.contact .formContainer form textarea #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.contact .formContainer form button{padding:20px;border:none;background-color:orange;cursor:pointer;font-weight:500}@media (max-width: 738px){.contact .formContainer form button{padding:10px}.contact .formContainer form button #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero{height:calc(100vh - 100px);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#000,#0004);z-index:100;padding:0 20px}@media (max-width: 738px){.hero #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 1000px){.hero #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .wrapper{max-width:1266px;height:100%;margin:auto}@media (max-width: 738px){.hero .wrapper{position:absolute;top:55%;height:50%}.hero .wrapper #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .wrapper .textContainer{height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px;width:50%}@media (max-width: 738px){.hero .wrapper .textContainer{width:90%;height:100%;top:0;gap:10px;margin:-60px auto}.hero .wrapper .textContainer #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .wrapper .textContainer h2{font-size:2.2vw;color:#639;letter-spacing:6px}@media (max-width: 1306px){.hero .wrapper .textContainer h2{font-size:28px}.hero .wrapper .textContainer h2 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 738px){.hero .wrapper .textContainer h2{font-size:2rem}.hero .wrapper .textContainer h2 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 400px){.hero .wrapper .textContainer h2{font-size:20px}.hero .wrapper .textContainer h2 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .wrapper .textContainer h1{font-size:6vw}@media (max-width: 738px){.hero .wrapper .textContainer h1{font-size:2.78rem}.hero .wrapper .textContainer h1 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 400px){.hero .wrapper .textContainer h1{font-size:35px}.hero .wrapper .textContainer h1 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .wrapper .textContainer .buttons{display:flex;width:100%}.hero .wrapper .textContainer .buttons button{padding:20px;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;z-index:10}@media (max-width: 400px){.hero .wrapper .textContainer .buttons button{padding:13px}.hero .wrapper .textContainer .buttons button #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .wrapper img{width:50px}.hero .imageContainer{height:100%;position:absolute;top:0;right:0;z-index:9;margin-right:10vw;display:flex;align-items:center;justify-content:center}@media (max-width: 738px){.hero .imageContainer{width:100%;height:45%}.hero .imageContainer #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .imageContainer img{height:100%}@media (max-width: 1000px){.hero .imageContainer img{height:90%}.hero .imageContainer img #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 738px){.hero .imageContainer img{width:50%;height:100%}.hero .imageContainer img #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.hero .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff09;width:100%;font-weight:700}.Navbar{height:100px}.Navbar .wrapper{margin:auto;display:flex;align-items:center;justify-content:space-between;max-width:1266px;height:100%;padding:0 25px}@media (max-width: 1306px){.Navbar .wrapper{padding:0 50px}.Navbar .wrapper #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.Navbar .wrapper .nameDetails{display:flex;gap:20px;font-weight:700;padding-left:2rem}@media (max-width: 1306px){.Navbar .wrapper .nameDetails #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 738px){.Navbar .wrapper .nameDetails{justify-content:center;margin:auto}.Navbar .wrapper .nameDetails #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.Navbar .wrapper .line{height:20px;background-color:#d3d3d3;width:2px}.Navbar .wrapper img{width:25px;height:25px}.Navbar .wrapper .social{display:flex;gap:20px}@media (max-width: 738px){.Navbar .wrapper .social{display:none}.Navbar .wrapper .social #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.sidebar{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#000;background-color:#fff;z-index:999;position:relative}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:400px;background:#fff}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}.sidebar button{width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.parallax{width:100%;height:100%;background:linear-gradient(180deg,#000,#333);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (max-width: 738px){.parallax #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.parallax h1{font-size:90px;margin-right:25px}@media (max-width: 738px){.parallax h1{margin-right:10px;font-size:45px}.parallax h1 #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.parallax .mountains{background-image:url(/assets/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3}@media (max-width: 738px){.parallax .mountains{display:none}.parallax .mountains #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.parallax .planets{background-image:url(/assets/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2}@media (max-width: 738px){.parallax .planets{background-size:cover;background-position:center;background-repeat:no-repeat}.parallax .planets #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.parallax .stars{background-image:url(/assets/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1}@media (max-width: 738px){.parallax .stars{background-size:cover;background-position:center;background-repeat:no-repeat}.parallax .stars #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.project{height:100%;width:100%;padding-left:6vw;padding-right:6vw;padding-top:80px}.project .lastElem{border-bottom:1px solid #888}.project .elem{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:3vw;padding-right:0;border-top:1px solid #888}.project .elem h3{text-transform:uppercase;font-size:6.6vw;opacity:.7}.project .elem h3 span span{display:inline-block}.project .elem div{text-transform:uppercase;font-size:6.6vw;opacity:.7}.project .elem img{pointer-events:none;height:120%;z-index:999;position:absolute}.project .elemlast{border-bottom:1px solid #888}.mouse{position:fixed;height:15px;width:15px;background:#fff;border-radius:50%;z-index:9999}@media (max-width: 738px){.mouse{display:none}.mouse #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.feature{display:flex;align-items:center;margin-right:20px}.feature__circle{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:4px;cursor:pointer}.feature__icon{color:#d3d3d3;width:30px;height:30px}.feature__label{white-space:nowrap}.listing{width:25%;min-width:270px;max-width:330px;max-height:350px;position:relative;margin:15px;cursor:pointer;box-shadow:0 4px 8px #00000080;background-color:#2e2e2e;border-radius:10px;overflow:hidden}.listing:before{content:"";display:block;padding-bottom:125%}.listing__content{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#2e2e2e;border-radius:10px;overflow:hidden}.listing__image-container{width:100%;height:65%;overflow:hidden}.listing__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.listing__details{height:35%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;padding:0 25px;position:relative}.listing__type{position:absolute;font-size:.8rem;right:10px;top:10px;background-color:#1e90ff;padding:5px 10px;border-radius:15px}.listing__row{margin:6px 0;display:flex;align-items:center}.listing__title{font-size:1.5rem}.listing__Status{color:#d3d3d3}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:100;display:flex}@media only screen{.overlay{overflow-y:scroll;justify-content:center;align-items:flex-start;padding:40px 0}}@media screen and (min-width: 1281px){.overlay{justify-content:center;align-items:center}}.modal{min-height:600px;border-radius:20px;position:relative;background-color:#2e2e2e;box-shadow:#959da533 0 8px 24px;display:flex;z-index:101}.modal__image{-o-object-fit:cover;object-fit:cover;border-radius:20px}.modal__info{background-color:#2e2e2e;display:flex}.modal__row{margin:10px 0;display:flex;align-items:center;text-align:left}.modal__description-wrapper{margin:10px 0;text-align:left;overflow-y:scroll;display:flex;align-items:flex-start;justify-content:flex-start}.modal__title{font-size:3rem}.modal__Status{font-size:1.5rem;color:#d3d3d3}.modal__description{color:#d3d3d3;margin:0;padding:0;font-size:1.25rem}.modal__close-wrapper{all:unset;position:absolute;cursor:pointer}.modal__close-icon{width:40px;height:40px}@media only screen{.modal{width:90%;height:auto;flex-direction:column;justify-content:space-between;align-items:center;padding:15px}.modal__image{width:100%}.modal__info{width:100%;height:100%;padding:20px;flex-direction:column;align-items:flex-start}.modal__close-wrapper{right:-20px;top:-30px}.modal__close-icon{width:35px;height:35px;color:#d3d3d3}}@media only screen and (min-width: 1281px){.modal{width:80%;height:80%;max-width:1800px;justify-content:space-between;align-items:center;flex-direction:row;padding:30px}.modal__image{width:calc(70% - 10px);height:100%}.modal__info{width:calc(30% - 10px);height:100%;padding:20px;flex-direction:column;align-items:flex-start}.modal__close-wrapper{right:10px;top:10px}.modal__close-icon{color:#d3d3d3}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}.disable-hover *{pointer-events:none}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#000;color:#d3d3d3!important}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center;overflow:hidden}#projects,#skills{height:auto!important;min-height:100vh!important;scroll-snap-align:center;overflow:hidden;background-color:#000;box-shadow:none}section#shadow-host-companion{height:0vh!important}.App{text-align:center;font-family:DM Sans,sans-serif;padding:20px}.properties{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}::-webkit-scrollbar{width:5px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#cacaca;border-radius:5px}.skills{height:100vh;max-width:1366px;margin:auto;padding:80px 40px 40px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#000,#0a1628,#000)}@media (max-width: 738px){.skills{padding:60px 20px 20px;height:auto;min-height:100vh}.skills #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.skills .skillsWrapper{width:100%;height:100%;display:flex;flex-direction:column;gap:40px;z-index:10;position:relative}@media (max-width: 738px){.skills .skillsWrapper{gap:30px}.skills .skillsWrapper #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.skills .skillsTitle{font-size:80px;font-weight:700;background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}@media (max-width: 1306px){.skills .skillsTitle{font-size:60px}.skills .skillsTitle #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 738px){.skills .skillsTitle{font-size:36px;letter-spacing:2px;margin-bottom:10px;gap:10px}.skills .skillsTitle #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 400px){.skills .skillsTitle{font-size:28px}.skills .skillsTitle #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.skills .skillsTitle .ampersand{color:#22d3ee;font-weight:300;opacity:.8}.skills .chainWaveContainer{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:10px;display:flex;align-items:flex-start;justify-content:center}.skills .chainWaveContainer::-webkit-scrollbar{width:4px}.skills .chainWaveContainer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#0891b2);border-radius:2px}.skills .chainWaveGrid{display:grid;gap:12px 14px;padding:10px 0;width:100%;max-width:900px;margin:0 auto}@media (max-width: 738px){.skills .chainWaveGrid{gap:10px 12px;max-width:100%}.skills .chainWaveGrid #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 400px){.skills .chainWaveGrid{gap:8px 10px}.skills .chainWaveGrid #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.skills .chainLink{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:#06b6d414;border:1px solid rgba(6,182,212,.35);border-radius:10px;color:#a5f3fc;font-size:15px;font-weight:500;cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}@media (max-width: 738px){.skills .chainLink{padding:10px 14px;font-size:13px}.skills .chainLink #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 400px){.skills .chainLink{padding:8px 12px;font-size:12px}.skills .chainLink #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.skills .chainLink .chainLinkText{position:relative;z-index:2}.skills .chainLink .skillGlow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.4) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.skills .chainLink:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);transition:left .6s ease}.skills .chainLink:hover{background:#06b6d426;border-color:#06b6d4;color:#fff}.skills .chainLink:hover .skillGlow{width:200px;height:200px}.skills .chainLink:hover:before{left:100%}.skills .backgroundText{position:absolute;bottom:-50px;left:0;font-size:20vh;font-weight:700;color:#06b6d40d;white-space:nowrap;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 738px){.skills .backgroundText{font-size:15vh;bottom:-30px}.skills .backgroundText #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@media (max-width: 400px){.skills .backgroundText{font-size:12vh}.skills .backgroundText #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}.skills .floatingParticle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);border-radius:50%;z-index:1;pointer-events:none;box-shadow:0 0 10px #06b6d480}@media (max-width: 738px){.skills .floatingParticle{display:none}.skills .floatingParticle #projects{min-height:100vh!important;scroll-snap-align:center;overflow:hidden}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}