@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&family=Teko:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800&family=Overpass:ital,wght@0,100..900;1,100..900&family=Teko:wght@300..700&display=swap";.homepage{background:linear-gradient(to top right,#94d2bd,#0a9396,#005f73)}.hero{height:calc(100vh - 100px);overflow:hidden;position:relative}.hero .wrapper{max-width:1366px;height:100%;margin:auto;z-index:3;position:relative}@media (max-width: 1280px){.hero .wrapper{margin-left:50px}}@media (max-width: 738px){.hero .wrapper{display:flex;flex-direction:column;align-items:center;max-width:1366px;height:100%;margin:auto;z-index:3;position:relative}}.hero .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media (max-width: 1280px){.hero .wrapper .textContainer{gap:20px}}@media (max-width: 738px){.hero .wrapper .textContainer{margin-top:80px;height:50%;width:90%;gap:20px;display:flex;flex-direction:column;justify-content:center;text-align:center}}.hero .wrapper .textContainer h2{font-size:30px;color:orange;letter-spacing:10px}@media (max-width: 1280px){.hero .wrapper .textContainer h2{font-size:24px}}@media (max-width: 738px){.hero .wrapper .textContainer h2{font-size:20px}}.hero .wrapper .textContainer h1{font-size:88px}@media (max-width: 1280px){.hero .wrapper .textContainer h1{font-size:68px}}@media (max-width: 738px){.hero .wrapper .textContainer h1{font-size:36px}}.hero .wrapper .textContainer .buttons a{position:relative}.hero .wrapper .textContainer .buttons a button{padding:20px;border:2px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300;font-size:22px}@media (max-width: 1280px){.hero .wrapper .textContainer .buttons a button{padding:15px;font-size:18px}}@media (max-width: 738px){.hero .wrapper .textContainer .buttons a button{padding:10px;font-size:16px}}.hero .wrapper .textContainer a{position:relative}.hero .wrapper .textContainer a img{width:50px}@media (max-width: 1280px){.hero .wrapper .textContainer a img{width:40px}}@media (max-width: 738px){.hero .wrapper .textContainer a img{width:30px}}.hero .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#fff;opacity:30%;width:45%;font-weight:700;z-index:2;-webkit-user-select:none;user-select:none}@media (max-width: 738px){.hero .slidingTextContainer{font-size:30vh;bottom:-60px;width:160%}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:white}@media (max-width: 738px){.sidebar .bg{width:200px}}.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}@media (max-width: 738px){.sidebar .bg .links a{font-size:30px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.nav-bar{height:100px}.nav-bar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 738px){.nav-bar .wrapper{justify-content:flex-end;padding:20px}}.nav-bar .wrapper span{font-weight:700}@media (max-width: 738px){.nav-bar .wrapper span{display:none}}.nav-bar .wrapper .social{display:flex;gap:25px}@media (max-width: 1280px){.nav-bar .wrapper .social{margin-right:50px}}.nav-bar .wrapper .social img{width:44px;height:44px}@media (max-width: 1280px){.nav-bar .wrapper .social img{width:35px;height:35px}}@media (max-width: 738px){.nav-bar .wrapper .social img{width:30px;height:30px}}.nav-bar .wrapper .social .mail{width:50px;height:40px;margin-top:2px}@media (max-width: 1280px){.nav-bar .wrapper .social .mail{width:45px;height:33px;margin-top:0}}@media (max-width: 738px){.nav-bar .wrapper .social .mail{width:38px;height:30px;margin-top:0}}.contact{height:100%;max-width:1366px;margin:auto;display:flex;align-items:center}@media (max-width: 1280px){.contact{margin-left:50px}}@media (max-width: 738px){.contact{margin-left:0;width:100%;padding:10px;flex-direction:column}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}@media (max-width: 738px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:10%}}@media (max-width: 420px){.contact .textContainer{gap:10px;margin-top:10%}}.contact .textContainer h1{font-size:88px;line-height:88px}@media (max-width: 1280px){.contact .textContainer h1{font-size:68px}}@media (max-width: 738px){.contact .textContainer h1{font-size:36px}}@media (max-width: 420px){.contact .textContainer h1{line-height:56px}}.contact .textContainer span,.contact .textContainer a{font-weight:300}.contact .textContainer .item .resume{text-decoration:underline}.contact .formContainer{flex:1;position:relative}@media (max-width: 1280px){.contact .formContainer{padding:50px;width:100%}}@media (max-width: 738px){.contact .formContainer{padding:5%;width:100%;margin-bottom:10%}}.contact .formContainer .phoneSvg{stroke:orange;position:absolute;margin:auto;z-index:-1}.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}}@media (max-width: 420px){.contact .formContainer form input,.contact .formContainer form textarea{padding:8px}}.contact .formContainer form button{padding:20px;border:none;background-color:orange;cursor:pointer;font-weight:500;font-size:25px;letter-spacing:.25px;border-radius:10px}@media (max-width: 1280px){.contact .formContainer form button{padding:15px}}@media (max-width: 738px){.contact .formContainer form button{padding:10px}}@media (max-width: 420px){.contact .formContainer form button{padding:5px}}.cursor{width:50px;height:50px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}@media (max-width: 738px){.cursor{display:none}}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h1{font-size:100px;z-index:4}@media (max-width: 738px){.parallax h1{font-size:80px;text-align:center;margin-top:150px}}.parallax .mountains{background-image:url(/nature.jpg);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1}.parallax .sun{background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2}@media (max-width: 738px){.parallax .sun{display:none}}.parallax .stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3}.portfolio{position:relative}.portfolio .progressContainer{position:sticky;top:0;left:0;padding-top:50px;text-align:center}@media (max-width: 1280px){.portfolio .progressContainer{padding-top:20px}}@media (max-width: 738px){.portfolio .progressContainer{padding-top:calc(100vh - 700px)}}.portfolio .progressContainer h1{color:orange;font-size:80px}@media (max-width: 1280px){.portfolio .progressContainer h1{font-size:48px}}@media (max-width: 738px){.portfolio .progressContainer h1{font-size:36px}}.portfolio .progressContainer .progressBar{height:10px;background-color:#fff}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.portfolio .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media (max-width: 738px){.portfolio .container .wrapper{flex-direction:column}}@media (max-width: 420px){.portfolio .container .wrapper{gap:0px}}.portfolio .container .wrapper .imageContainer{flex:1;height:50%}@media (max-width: 738px){.portfolio .container .wrapper .imageContainer{max-height:40%}}@media (max-width: 420px){.portfolio .container .wrapper .imageContainer{max-height:40%}}.portfolio .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}@media (max-width: 1280px){.portfolio .container .wrapper .textContainer{gap:0px}}@media (max-width: 738px){.portfolio .container .wrapper .textContainer{transform:none!important;padding:20px;align-items:center;text-align:center;gap:20px}}@media (max-width: 420px){.portfolio .container .wrapper .textContainer{padding:20px 100px 100px;gap:5px}}.portfolio .container .wrapper .textContainer h2{font-size:72px}@media (max-width: 1280px){.portfolio .container .wrapper .textContainer h2{font-size:48px}}@media (max-width: 738px){.portfolio .container .wrapper .textContainer h2{font-size:36px}}.portfolio .container .wrapper .textContainer p{color:#fff;font-size:20px}@media (max-width: 1280px){.portfolio .container .wrapper .textContainer p{font-size:14px;line-height:1.5}}@media (max-width: 738px){.portfolio .container .wrapper .textContainer p{font-size:16px;width:50%}}@media (max-width: 420px){.portfolio .container .wrapper .textContainer p{font-size:14px}}.portfolio .container .wrapper .textContainer a button{background-color:orange;border:none;border-radius:10px;padding:10px;width:200px;cursor:pointer;font-size:25px;letter-spacing:.25px}@media (max-width: 1280px){.portfolio .container .wrapper .textContainer a button{font-size:20px;padding:5px;width:150px}}body{margin:0;padding:0;display:flex}body .slider{overflow:hidden}@media (max-width: 738px){body .slider{width:800px;height:70%}}body .slider .slides{width:500%;height:500px;display:flex}body .slider .slides input{display:none}body .slider .slides .slide{width:20%;transition:2s}@media (max-width: 738px){body .slider .slides .slide{height:70%}}body .slider .slides .slide img{width:100%;height:100%;object-fit:contain;overflow:hidden}@media (max-width: 1280px){body .slider .slides .slide img{height:50%}}@media (max-width: 738px){body .slider .slides .slide img{object-fit:scale-down;height:100%;width:100%;max-height:250px}}@media (max-width: 420px){body .slider .slides .slide img{max-height:200px}}body .slider .slides .navigation-auto{position:absolute;display:flex;justify-content:center;margin-top:400px;padding-left:250px}@media (max-width: 1280px){body .slider .slides .navigation-auto{margin-top:200px;padding-left:180px}}@media (max-width: 738px){body .slider .slides .navigation-auto{width:800px;margin-top:220px;padding-left:0}}@media (max-width: 420px){body .slider .slides .navigation-auto{margin-top:160px}}body .slider .slides .navigation-auto div{border:2px solid orange;padding:5px;border-radius:10px;transition:1s}body .slider .slides .navigation-auto div:not(:last-child){margin-right:40px}body .slider .navigation-manual{position:absolute;display:flex;justify-content:center;margin-top:400px;padding-left:250px}@media (max-width: 1280px){body .slider .navigation-manual{margin-top:200px;padding-left:180px}}@media (max-width: 738px){body .slider .navigation-manual{width:800px;margin-top:220px;padding-left:0}}@media (max-width: 420px){body .slider .navigation-manual{margin-top:160px}}body .slider .navigation-manual .manual-btn{border:2px solid orange;padding:5px;border-radius:10px;cursor:pointer;transition:1s}body .slider .navigation-manual .manual-btn:not(:last-child){margin-right:40px}body .slider .navigation-manual .manual-btn:hover{background:orange}body .slider #radio-project-one-1:checked~.first{margin-left:0}body .slider #radio-project-one-2:checked~.first{margin-left:-20%}body .slider #radio-project-one-3:checked~.first{margin-left:-40%}body .slider #radio-project-one-4:checked~.first{margin-left:-60%}body .slider #radio-project-two-1:checked~.first{margin-left:0}body .slider #radio-project-two-2:checked~.first{margin-left:-20%}body .slider #radio-project-two-3:checked~.first{margin-left:-40%}body .slider #radio-project-two-4:checked~.first{margin-left:-60%}body .slider #radio-project-three-1:checked~.first{margin-left:0}body .slider #radio-project-three-2:checked~.first{margin-left:-20%}body .slider #radio-project-three-3:checked~.first{margin-left:-40%}body .slider #radio-project-three-4:checked~.first{margin-left:-60%}body .slider #radio-project-four-1:checked~.first{margin-left:0}body .slider #radio-project-four-2:checked~.first{margin-left:-20%}body .slider #radio-project-four-3:checked~.first{margin-left:-40%}body .slider #radio-project-four-4:checked~.first{margin-left:-60%}body .slider #radio-project-one-1:checked~.navigation-auto .auto-btn-project-one-1,body .slider #radio-project-one-2:checked~.navigation-auto .auto-btn-project-one-2,body .slider #radio-project-one-3:checked~.navigation-auto .auto-btn-project-one-3,body .slider #radio-project-one-4:checked~.navigation-auto .auto-btn-project-one-4{background:orange}body .slider #radio-project-two-1:checked~.navigation-auto .auto-btn-project-two-1,body .slider #radio-project-two-2:checked~.navigation-auto .auto-btn-project-two-2,body .slider #radio-project-two-3:checked~.navigation-auto .auto-btn-project-two-3,body .slider #radio-project-two-4:checked~.navigation-auto .auto-btn-project-two-4{background:orange}body .slider #radio-project-three-1:checked~.navigation-auto .auto-btn-project-three-1,body .slider #radio-project-three-2:checked~.navigation-auto .auto-btn-project-three-2,body .slider #radio-project-three-3:checked~.navigation-auto .auto-btn-project-three-3,body .slider #radio-project-three-4:checked~.navigation-auto .auto-btn-project-three-4{background:orange}body .slider #radio-project-four-1:checked~.navigation-auto .auto-btn-project-four-1,body .slider #radio-project-four-2:checked~.navigation-auto .auto-btn-project-four-2,body .slider #radio-project-four-3:checked~.navigation-auto .auto-btn-project-four-3,body .slider #radio-project-four-4:checked~.navigation-auto .auto-btn-project-four-4{background:orange}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden}.heading{font-family:Teko,sans-serif}p,span,input,textarea,::placeholder{font-family:Overpass,sans-serif}::placeholder{color:#fff}*{padding:0;margin:0;box-sizing:border-box;font-family:Teko,sans-serif}body{background-color:#0a9396;color:#fff}@media (max-width: 738px){body{overflow-x:hidden}}a{text-decoration:none;color:inherit}#About-Content{width:100vw;height:auto;overflow:scroll}section{height:100vh;width:100vw;scroll-snap-align:center;overflow:hidden;overflow-x:hidden}.about{display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(180deg,#005f73,#0a9396);padding:10% 0%}@media (max-width: 1280px){.about{padding:40px 0}}@media (max-width: 738px){.about{padding:20% 0%}}.about-body{padding:0;margin-top:0}@media (max-width: 1280px){.about-body{padding:0 20px}}@media (max-width: 738px){.about-body{padding:0}}.about-content{margin-left:15px;margin-right:15px}@media (max-width: 1280px){.about-content{margin-left:0;margin-right:0}}@media (max-width: 738px){.interest{display:none}}.about h3{color:orange;font-weight:300;margin-top:0;letter-spacing:1.5px;font-size:72px;font-weight:400}@media (max-width: 1280px){.about h3{font-size:48px}}@media (max-width: 738px){.about h3{font-size:xx-large}}.about p{margin:25px auto;font-size:20px}@media (max-width: 1280px){.about p{font-size:14px;line-height:1.5}}@media (max-width: 738px){.about p{font-size:14px;margin:15px 0}}.about--progress-items h4{line-height:20px;letter-spacing:1.25px}@media (max-width: 738px){.about--progress-items h4{font-size:medium}}.about .about--progress-items h4{margin-top:0;margin-bottom:5px}.about--progress-items .progress{background-color:#e9e9e9;border-radius:0;height:5px;overflow:visible;margin-bottom:15px}.about--progress-items .progress:last-child{margin-bottom:0}.about--progress-items .progress-bar{position:relative;background-color:orange;min-width:32px}.about--progress-items .progress-bar span{position:absolute;right:0;top:-20px;width:31px;height:20px;color:#fff}
