body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.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:20px}}.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}body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.navbar{height:100px;width:100%}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;width:45%}@media (max-width: 738px){.navbar .wrapper{justify-content:flex-end;padding:20px;width:100%}}.navbar .wrapper .portfolio-text{font-weight:700}@media (max-width: 738px){.navbar .wrapper .portfolio-text{display:none}}.navbar .wrapper .social{display:flex;gap:20px;align-items:center}@media (max-width: 738px){.navbar .wrapper .social{gap:16px}}.navbar .wrapper .social img{width:30px;height:30px}body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.hero{height:calc(100vh - 100px);overflow:hidden;position:relative}.hero .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;justify-content:center}.hero .wrapper .textContainer{width:65%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media (max-width: 738px){.hero .wrapper .textContainer{width:100%;height:80%;gap:50px;align-items:center;text-align:center}}.hero .wrapper .textContainer h3{font-size:18px;text-align:left;width:95%;font-weight:100;word-spacing:2px}@media (max-width: 738px){.hero .wrapper .textContainer h3{font-size:14px;text-align:left;margin:12px}}.hero .wrapper .textContainer h2{font-size:30px;color:#639;letter-spacing:10px}@media (max-width: 738px){.hero .wrapper .textContainer h2{font-size:26px}}@media (max-width: 738px){.hero .wrapper .textContainer h1{font-size:30px}}.hero .wrapper .textContainer .buttons button{padding:20px;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300}@media (max-width: 738px){.hero .wrapper .textContainer .buttons button{padding:15px}}.hero .wrapper .textContainer .buttons button:hover{background-color:orange;color:#000}.hero .wrapper .textContainer .buttons .downloadIcon{margin:0 6px}body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.skills{height:100%;display:flex;flex-direction:column;justify-content:space-between}.skills .textContainer{flex:1;align-self:flex-end;display:flex;align-items:center;gap:10px}@media (max-width: 738px){.skills .textContainer{flex-direction:row;padding-top:30px}}.skills .textContainer p{font-weight:200;font-size:20px;color:gray;text-align:right}@media (max-width: 738px){.skills .textContainer p{font-size:10px}}.skills .textContainer hr{width:500px;border:none;border-top:.5px solid gray}@media (max-width: 738px){.skills .textContainer hr{width:300px}}.skills .titleContainer{flex:1;display:flex;flex-direction:column;align-items:center}@media (max-width: 738px){.skills .titleContainer{justify-content:center;width:100%}}.skills .titleContainer .title{display:flex;align-items:center;gap:50px;color:#fff}@media (max-width: 738px){.skills .titleContainer .title{flex-direction:column;text-align:center;gap:20px}}.skills .titleContainer .title img{width:300px;height:100px;border-radius:50px;object-fit:cover}@media (max-width: 738px){.skills .titleContainer .title img{width:200px;height:50px}}@media (max-width: 738px){.skills .titleContainer .title h1{font-size:36px}}.skills .skillContainer{display:flex;justify-content:center;align-items:center;margin:auto;gap:20px;width:100%;height:50%;max-width:1366px;max-height:500px}@media (max-width: 738px){.skills .skillContainer{align-items:center;width:90%;gap:0px}}.skills .skillContainer .row{display:flex;justify-content:center;align-items:center;gap:2px;width:100%;flex-wrap:wrap}.skills .skillContainer .row .skillBox{flex:0 0 calc(25% - 10px);display:flex;flex-direction:column;align-items:center;border:1px solid gray;padding:10px;background-color:#fff;border-radius:25px;position:relative;max-width:20%;max-height:20%;transform:scale(.75);transition:transform .1s ease}.skills .skillContainer .row .skillBox:hover{transition-delay:50ms;transform:scale(.85)}@media (max-width: 738px){.skills .skillContainer .row .skillBox{flex:0 0 22%;max-width:100%;max-height:100%;transform:scale(1)}}body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.projects{position:relative}.projects .progress{position:sticky;top:0;left:0;padding-top:75px;text-align:center;color:orange;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media (max-width: 738px){.projects .progress{padding-top:40px}.projects .progress h1{font-size:36px}}.projects .progress .progressBar{height:10px;background-color:#fff}.projects .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.projects .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media (max-width: 738px){.projects .container .wrapper{flex-direction:column;gap:0;margin:0 auto;width:90%;padding-top:20vh}}.projects .container .wrapper .imageContainer{flex:1;cursor:pointer}@media (max-width: 738px){.projects .container .wrapper .imageContainer{display:flex;justify-content:center;align-items:center;max-height:350px}}.projects .container .wrapper .imageContainer img{width:100%;height:100%;object-fit:cover}@media (max-width: 738px){.projects .container .wrapper .imageContainer img{object-fit:contain;width:90%}}.projects .container .wrapper .textContainer{flex:1;display:flex;flex-direction:column;gap:20px}@media (max-width: 738px){.projects .container .wrapper .textContainer{transform:none!important;padding:10px;align-items:center;text-align:center;gap:30px;text-align:start}}.projects .container .wrapper .textContainer h2{font-size:40px}@media (max-width: 738px){.projects .container .wrapper .textContainer h2{font-size:32px}}.projects .container .wrapper .textContainer p{color:#fff;font-size:18px}@media (max-width: 738px){.projects .container .wrapper .textContainer p{font-size:14px}}.projects .container .wrapper .textContainer .buttonContainer{display:flex;justify-content:space-between}.projects .container .wrapper .textContainer button{padding:15px 25px;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300}.projects .container .wrapper .textContainer button:hover{background-color:orange;color:#000}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body,html,#root{color:#fff;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}a{text-decoration:none;color:inherit}section{height:100vh;width:100%;scroll-snap-align:center;overflow:hidden;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}h1{font-size:70px;font-weight:600;color:orange}.contact{height:100%;width:100%;max-width:100%;margin:auto;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;background-image:url(/Background/dark-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}@media (max-width: 738px){.contact{width:100%;padding:10px}}.contact .textContainer{flex:1;display:flex;flex-direction:column;padding-top:100px;width:65%;text-align:center}@media (max-width: 738px){.contact .textContainer{gap:80px;align-items:center}}.contact .textContainer .titleContainer{height:30%}.contact .textContainer h1{font-size:76px;color:orange}@media (max-width: 738px){.contact .textContainer h1{font-size:36px}}.contact .textContainer span{font-weight:300}.contact .textContainer .formContainer{flex:1;position:relative;width:50%;margin:0 auto}@media (max-width: 738px){.contact .textContainer .formContainer{width:100%}}.contact .textContainer .formContainer form{display:flex;flex-direction:column;gap:15px}.contact .textContainer .formContainer form input,.contact .textContainer .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid white;color:#fff;border-radius:5px}@media (max-width: 738px){.contact .textContainer .formContainer form input,.contact .textContainer .formContainer form textarea{padding:10px}}.contact .textContainer .formContainer form button{box-sizing:border-box;border:2px solid transparent;background-color:orange;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:5px;font-size:1rem}.contact .textContainer .formContainer form button:hover{border-color:#fff}@media (max-width: 738px){.contact .textContainer .formContainer form button{padding:10px;font-size:.75rem}}.contact .textContainer .formContainer form button .loading{width:24px;height:24px;border-radius:50%;border:4px solid #1c274c;border-top-color:transparent}.contact .textContainer .formContainer .email-result-container{padding-top:1rem}.contact .footer{height:20px;padding-bottom:25px;color:#fff}@media (max-width: 738px){.contact .footer{display:flex;align-items:end}}