@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&family=Momo+Trust+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Momo+Trust+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fugaz+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Momo+Trust+Display&display=swap);html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}h1{padding:0;margin:0}h2{padding:0;margin:0}h4{padding:0;margin:0}nav{position:fixed;font-family:'Momo Trust Display';top:0;left:0;width:100%;z-index:5;display:flex;justify-content:space-evenly;align-items:center;background-color:#d20d0d;height:13vh;box-shadow:0 15px 30px #323232}.left-nav{color:#fff}.right-nav{display:flex}.right-nav a{margin:2vw;color:#fff;text-decoration:none;transition:ease .6s}.right-nav a:hover{color:#c6c6c6;text-decoration:underline}.cover{position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.5);z-index:2}.homepage{width:100%;font-family:'Momo Trust Display';height:100vh;overflow-y:hidden}.homepage img{width:100%;z-index:1}.hp-bg-title{position:absolute;left:4vw;top:60vh;color:#fff;font-size:7vw;z-index:3}.skills{width:100%;height:100vh;margin:0;margin-top:15vh;margin-bottom:15vh}.s-buttons{display:flex;justify-content:center}.s-buttons button{font-family:'Momo Trust Display';font-size:2vw;padding:20px;border:2px solid #d20d0d;cursor:pointer;border-radius:0}.s-btn1{color:#fff;background:#d20d0d;border-right:none}.s-btn2{color:#d20d0d;background:#fff;border-left:none}.s-dev{width:60vw;margin:10vh auto;text-align:center}.s-dev img{width:6vw;padding:15px}.s-domains{width:80%;margin-top:10vh;font-family:Inter;color:#393939;font-size:20px;display:flex;flex-wrap:wrap;margin-left:auto}.s-domains div{width:35%;padding:2.5%;text-align:left}.s-domains div:hover{background:#d20d0d;color:#fff;transition:ease .7s}.s-domains p{font-family:'Momo Trust Display';font-weight:400}.s-domains span{font-family:Inter;font-weight:300;font-size:15px}.s-domains a{color:#393939;transition:ease .7s}.s-domains a:hover{color:#fff}.domain1{cursor:pointer}.portfolio{background:#000;padding-top:15vh;padding-bottom:15vh;display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.portfolio .project{background:#fff;width:25%;height:80vh!important;display:flex;flex-direction:column;transition:ease .7s;height:auto;cursor:pointer}.portfolio .project .image{height:50%;display:flex;align-items:center}.portfolio .project .bottom{height:auto}.portfolio .project img{width:100%;max-height:100%}.portfolio .project h2{font-family:'Momo Trust Display'}.portfolio .project h4{font-family:Inter;font-weight:300;margin-left:20px}.portfolio .title{margin:20px}.portfolio .caption{margin:20px;font-family:Inter;font-weight:200}.diapo{display:none;position:fixed;top:0;bottom:0;width:100vw;height:100vh;z-index:200;background:rgba(0,0,0,.6)}.overlay{margin-top:8vh;margin-left:25vw;width:50%;display:flex;align-items:center;justify-content:center}.d-img{width:80%}.diapo button{color:#fff;background:#c52020;padding:15px;padding-right:20px;padding-left:20px;font-size:15px;border:none;border-radius:25px;transition:ease .6s}.diapo button:hover{background:#691b1b}#contact{scroll-margin-top:150px}.c-container{margin-top:20vh;margin-bottom:20vh;width:90%;background:#d20d0d;display:flex;flex-direction:row;border-radius:30px;margin-left:auto;margin-right:5%;height:360px;overflow:hidden;border:none;color:#fff}.c-left{text-align:left;width:50%;padding-left:5vw;padding-top:7vh}.c-right{min-width:50%;width:50%}.c-img{width:100%}.c-caption{width:80%}.c-container h1{font-family:'Momo Trust Display';font-size:3vw}.c-container p{font-family:Inter;font-size:1vw;font-weight:300}.c-button{margin-top:3vh}.c-button button{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;background:#fff;font-family:Inter;font-weight:700;border-radius:15px;border:none;font-size:1.25vw;cursor:pointer;transition:ease .5s}.c-button button a{color:#d20d0d;text-decoration:none}.c-button button:hover{transform:scale(1.1)}footer{width:100%;background:#d20d0d;text-align:center;color:#fff;font-family:Inter}footer a{color:#fff;text-decoration:none}footer hr{margin-top:2vh;margin-bottom:10vh;width:70vw}.f-container{padding:10vh 15vw 5vh 15vw}.f-logo{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-end;flex-wrap:wrap}.f-logo h1{color:#fff;font-family:'Momo Trust Display';font-size:50px}.f-right{display:flex;flex-direction:row;align-items:center;gap:20px}.f-links{display:flex;flex-direction:row;justify-content:center;gap:4vw;text-decoration:underline}.fl-left{display:flex;flex-direction:column;gap:10px;text-align:left}.fl-right{display:flex;flex-direction:column;gap:10px;text-align:left}.f-right{flex-wrap:wrap}.f-links hr{width:.5px;height:20vh;padding:0;margin:0}.f-credit{margin-top:10vh}.mobile-toggle{position:fixed;right:-150vw;top:0;height:100%;width:100%;background:#fff;z-index:801;color:#d20d0d;font-family:'Momo Trust Display'}.mobile-toggle hr{background:#d20d0d;padding:4px;border:none;margin-top:7vh}.mobile-links{width:70%;margin-left:auto;margin-right:15%;display:flex;flex-direction:column;text-align:center;gap:50px;margin-top:15vh;font-size:30px}.mobile-top{margin-left:8vw;margin-top:6vh}.mobile-toggle a{color:#d20d0d;text-decoration:none;padding:20px;box-shadow:#d6d6d6 3px 3px 5px}.mobile-nav{display:none}.burger{position:fixed;left:85%;top:5vh;z-index:802;margin:0}.burger button{border-radius:50%;background:#fff;border:none;font-size:30px;margin:0;padding:10px;cursor:pointer}.burger button i{color:#d20d0d;margin:0;padding:0;transition:transform .3s ease}.burger button i.rotate{transform:rotate(270deg)}@media screen and (max-width:1000px){.hp-bg-title{top:40vh}.f-logo h1{font-size:40px}.skills{height:auto}.portfolio{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:40px}.portfolio .project{background:#fff;width:90%;height:auto!important;display:flex;flex-direction:row}.portfolio .project .image{height:auto;width:50%;display:flex;align-items:center}.portfolio .project .bottom{width:50%}.portfolio .project img{width:100%;max-height:100%}.c-container{margin-top:15vh;margin-bottom:15vh;flex-direction:column;height:110vh}.c-container{margin-left:auto;margin-right:5%}.c-left{min-height:45%;height:45%;width:100%;padding-left:0;padding-top:3vh}.c-left h1{padding-left:4vw}.c-left p{padding-left:4vw}.c-right{max-height:55%;min-width:100%;width:100%}.c-caption{width:90%}.c-container h1{font-family:'Momo Trust Display';font-size:6vw}.c-container p{font-family:Inter;font-size:2.5vw;font-weight:300}.c-button{width:50%;margin:4vh auto;text-align:center!important}.c-button button{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;font-size:3vw}.c-button button a{color:#d20d0d;text-decoration:none}.c-button button:hover{transform:scale(1.1)}.s-domains{width:90%;margin-top:10vh;margin-left:auto}.s-domains div{width:40%;padding:3%;text-align:left}}@media screen and (max-width:700px){.cover{background-color:rgba(0,0,0,.7)}.hp-bg-title{left:6vw;top:60vh;font-size:10vw;width:75%}nav{display:none}.mobile-nav{display:block}.overlay{margin-top:30vh;margin-left:auto;margin-right:5%;width:90%;display:flex;align-items:center;justify-content:center}.d-img{width:80%}.diapo button{color:#fff;background:#c52020;padding:15px;padding-right:20px;padding-left:20px;font-size:15px;border:none;border-radius:25px;transition:ease .6s}.diapo button:hover{background:#691b1b}.f-links{width:80%;margin-left:auto;flex-direction:column;gap:4vw}.fl-left{text-align:left}.fl-right{gap:10px}.f-links hr{display:none}.s-dev img{width:12vw;padding:15px}.s-dev{width:90vw;margin:10vh auto;text-align:center}.s-buttons button{font-size:3vw;padding:20px;border:2px solid #d20d0d}.f-container{padding:10vh 10vw 5vh 10vw}.portfolio .project h2{font-family:'Momo Trust Display';font-size:18px}.portfolio .project h4{font-family:Inter;font-weight:300;margin-left:12px}.portfolio .title{margin:12px}.portfolio .caption{margin:12px;font-family:Inter;font-weight:200;font-size:12px}.c-container{margin-top:15vh;margin-bottom:15vh;flex-direction:column;height:80vh}.c-left{min-height:50%;height:50%;width:100%;padding-left:0;padding-top:2vh}.c-left h1{padding-left:5vw}.c-left p{padding-left:5vw}.c-right{max-height:50%;min-width:100%;width:100%}.c-caption{width:90%}.c-container h1{font-family:'Momo Trust Display';font-size:6vw}.c-container p{font-size:3vw}.c-button{margin-top:2vh;margin-bottom:2vh}.c-button button{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;font-size:4vw}.c-button button a{color:#d20d0d;text-decoration:none}.c-button button:hover{transform:scale(1.1)}}@media screen and (max-width:500px){.s-buttons button{font-size:5vw}.cover{top:0;width:100%}.homepage{width:100%;height:100vh}.homepage img{margin-left:-100%;width:300%}.burger{left:80%}.portfolio .project h2{font-size:15px}.portfolio .project h4{font-size:12px;margin-left:8px}.portfolio .title{margin:8px}.portfolio .caption{margin:8px;font-size:10px}.c-container{height:65vh}}@media screen and (max-width:350px){.f-right{text-align:center}.f-logo{justify-content:center}.f-logo a{font-size:12px}.f-logo p{font-size:12px}.s-domains{width:90%;margin-top:10vh;display:flex;flex-direction:column;flex-wrap:wrap;margin-left:auto;margin-right:5%}.s-domains div{width:100%;padding:0;text-align:left}.portfolio .project h2{font-size:12px}.portfolio .project h4{font-size:10px;margin-left:8px}.portfolio .title{margin:8px}.portfolio .caption{margin:8px;font-size:8px}}