.parallax{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h1{font-size:100px}@media(max-width:739px){.parallax h1{font-size:60px!important;text-align:center}}@media(max-width:1366px){.parallax h1{font-size:80px}}.parallax .mountains{background-image:url(/assets/mountains.png);background-size:contain;background-position:bottom;width:100%;height:100%;position:absolute;z-index:3}@media(max-width:739px){.parallax .mountains{background-size:contain;background-repeat:no-repeat}}.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:739px){.parallax .planets{background-size:contain;background-repeat:no-repeat}}.parallax .stars{background-image:url(/assets/stars.png);background-size:contain;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1}.portfolio{position:relative}.portfolio .progress{position:-webkit-sticky;position:sticky;top:0;left:0;padding:50px;text-align:center;color:orange;font-size:36px}@media(max-width:739px){.portfolio .progress{font-size:25px!important}}@media(max-width:1366px){.portfolio .progress{font-size:30px}}.portfolio .progress .progressBar{margin-top:20px;height:10px;background-color:#fff}@media(max-width:739px){.portfolio .progress .progressBar{height:2.5px!important}}@media(max-width:1366px){.portfolio .progress .progressBar{height:5px}}.portfolio .container{width:100%;overflow:hidden}.portfolio .container,.portfolio .container .wrapper{display:flex;align-items:center;justify-content:center;height:100%}.portfolio .container .wrapper{max-width:1166px;margin:auto;gap:50px}@media(max-width:739px){.portfolio .container .wrapper{width:100%;flex-direction:column}}.portfolio .container .wrapper .imageContainer{flex:1 1;height:50%}@media(max-width:739px){.portfolio .container .wrapper .imageContainer{display:none}}.portfolio .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover}@media(max-width:739px){.portfolio .container .wrapper .imageContainer img{width:85%;object-fit:contain}}.portfolio .container .wrapper .textContainer{flex:1 1;display:flex;flex-direction:column;gap:30px}@media(max-width:739px){.portfolio .container .wrapper .textContainer{gap:5%;flex:2 1;width:90%;text-align:center;justify-content:center;align-items:center}}@media(max-width:1366px){.portfolio .container .wrapper .textContainer{margin-top:2%}}.portfolio .container .wrapper .textContainer h2{font-size:72px}@media(max-width:739px){.portfolio .container .wrapper .textContainer h2{font-size:40px!important}}@media(max-width:1366px){.portfolio .container .wrapper .textContainer h2{font-size:55px}}.portfolio .container .wrapper .textContainer p{color:gray;font-size:20px}@media(max-width:1366px){.portfolio .container .wrapper .textContainer p{font-size:15px}}.portfolio .container .wrapper .textContainer .buttons{display:flex;gap:10%}@media(max-width:739px){.portfolio .container .wrapper .textContainer .buttons{align-items:center;justify-content:center}}.portfolio .container .wrapper .textContainer .buttons button{background-color:orange;border:none;border-radius:20px;width:200px;padding:10px;cursor:pointer;transition:all .5s ease-in-out}.portfolio .container .wrapper .textContainer .buttons button img{height:30px}@media(max-width:1366px){.portfolio .container .wrapper .textContainer .buttons button img{height:25px}}@media(max-width:739px){.portfolio .container .wrapper .textContainer .buttons button{width:100px;padding:5px}}@media(max-width:1366px){.portfolio .container .wrapper .textContainer .buttons button{width:150px}}.portfolio .container .wrapper .textContainer .buttons button:hover{transform:scale(1.1)}*{box-sizing:border-box;padding:0;margin:0;font-family:monospace,cursive}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}:root{--font-principal:"Jersey-20"}section{scroll-snap-align:center;height:100vh}.skills{height:100%;width:100%;flex-direction:column;justify-content:center;justify-content:space-between}.skills,.skills .textContainer{display:flex;align-items:center}.skills .textContainer{flex:1 1;align-self:flex-end;gap:20px}@media(max-width:739px){.skills .textContainer{align-self:center;text-align:center;flex-direction:column}}.skills .textContainer p{font-weight:200;font-size:18px;color:gray;text-align:right}@media(max-width:1366px){.skills .textContainer p{font-size:15px}}.skills .textContainer hr{width:500px;border:none;border-top:.5px solid gray}@media(max-width:739px){.skills .textContainer hr{width:300px}}.skills .titleContainer{flex:2 1;display:flex;flex-direction:column;align-items:center}@media(max-width:739px){.skills .titleContainer{width:100%}}.skills .titleContainer .title{display:flex;gap:20px;align-items:center}@media(max-width:739px){.skills .titleContainer .title{flex-direction:column;gap:20px;text-align:center}}.skills .titleContainer .title h1{font-size:60px;font-weight:100;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media(max-width:739px){.skills .titleContainer .title h1{font-size:30px!important}}@media(max-width:1366px){.skills .titleContainer .title h1{font-size:40px}}.skills .titleContainer .title span{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:700;color:orange;font-style:italic}.skills .titleContainer .title button{width:300px;height:80px;border-radius:50px;background-color:orange;border:none;font-size:24px;cursor:pointer}@media(max-width:739px){.skills .titleContainer .title button{font-size:16px!important;width:150px!important;height:50px!important}}@media(max-width:1366px){.skills .titleContainer .title button{height:60px;width:250px;font-size:20px}}@media(max-width:739px){.skills .titleContainer .title .skillsImage{display:none}}.skills .listContainer{flex:2 1;display:flex;max-width:1166px;margin:auto auto 2%}@media(max-width:739px){.skills .listContainer{flex-direction:column;width:90%!important}}@media(max-width:1366px){.skills .listContainer{margin-top:1%}}.skills .listContainer .box{padding:50px;width:100%;border:.5px solid gray;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:739px){.skills .listContainer .box{padding:5%!important}}@media(max-width:1366px){.skills .listContainer .box{padding:30px}}.skills .listContainer .box h2{text-align:center;font-size:22px;margin-bottom:4%}@media(max-width:1366px){.skills .listContainer .box h2{font-size:18px}}.skills .listContainer .box p{margin-bottom:1%}@media(max-width:1366px){.skills .listContainer .box p{font-size:15px}}.skills .listContainer .box a button{width:100%;margin-top:2%;padding:10px;background-color:orange;border:none;cursor:pointer}@media(max-width:739px){.skills .listContainer .box a{display:none}}