.main-container{max-width:90%;height:100vh;background-color:#fff8f0;margin:5vh auto;border-radius:20px;box-shadow:0 5px 5px #111d4a;z-index:0;transition:opacity 1s ease-in-out,transform 1.5s ease-in-out;animation:openTransition 1.5s ease-in-out;opacity:1}.profile-container{display:flex;justify-content:center;padding:2vh 5vw}.nav-bar{width:100%;height:1vh;background-color:#92140c;margin:0;position:relative;top:8vh;z-index:1;display:flex;justify-content:space-around}.main-content{display:flex;flex-direction:column;justify-content:center;padding:0 25px;margin:10vh 0}.projects{top:10vh;position:relative;height:313vh;padding:5vh 0}.projects-title{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;text-align:center;gap:5px;padding:15vh 5vw}.projects-container,.project-card{background-color:#fff8f0}.projects-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 5vw}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-radius:10px;border:1px solid #111D4A}.hero-section{width:100%;height:50vh;position:relative;top:5vh;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#92140c;display:flex;align-items:center;justify-content:center}.tech,.projects,.contact{display:flex;flex-direction:column!important;height:100%}.contact{height:115vh}.contact-icon{display:flex;flex-direction:column;left:42%}.tech-container{display:flex;flex-direction:column;flex-wrap:wrap;text-align:center;justify-content:center;position:relative;top:-15vh;align-items:center;margin:5vh 0;gap:30px}.contact-card{width:70vw;height:70vh;position:relative;top:-10vh;border-radius:20px;padding:5px;background-color:#92140c;display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center;text-align:center}.wheel-wrapper{position:relative;display:flex;justify-content:center}.nav-btn{width:15vw;height:8vh;margin-top:-4vh;border-radius:360px;background-color:#92140c;position:relative;transition:transform .3s ease}.nav-btn:hover{transform:scale(1.3)}.cta-btn,.project-btn{background-color:#92140c;color:#ffcf99;padding:2vh 4vw;border-radius:25px;text-align:center;transition:transform .3s ease}.cta-btn{width:40vw;height:4vh}.cta-btn:hover,.project-btn:hover,.hero-btn:hover,.tech-icon:hover{transform:scale(1.1)}.active-btn{background-color:#ffcf99}.project-btn{width:40vw;height:4vh;text-decoration:none}.hero-btn{width:40vw;height:4vh;padding:2vw 2vh;justify-content:center;display:flex;position:relative;top:5vh;left:22vw;background-color:#ffcf99;border-radius:25px;transition:transform .3s ease-in-out}.contact-btn{display:flex;justify-content:center;align-items:center;margin:3vh auto 0;width:40vw;height:4vh;padding:2vw 2vh;background-color:#ffcf99;color:#92140c;border-radius:25px;text-align:center;font-size:3vw;transition:transform .3s ease;text-decoration:none;font-family:Open Sans,sans-serif}.contact-btn:hover{transform:scale(1.1)}.jaro-h1,.jaro-h2,.jaro-h3{font-family:Jaro,sans-serif;font-weight:lighter;padding:0;margin:0}.jaro-h1{font-size:12vw}.jaro-h2{font-size:4vw}.jaro-h3{font-size:2vw}.name{margin:5vh 0 0}.os-p{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;text-decoration:none;font-size:.8rem}.content-desc{margin-top:0}.job-title{font-size:4vw;background-color:#ffcf99;width:50vw;margin-top:0;padding:5px 10px;letter-spacing:2px;font-weight:500}.highlight{color:#92140c}.company{padding-top:2vh}.hero-title{font-size:8vw;color:#fff8f0;text-align:center}.tech-label{margin-top:.5rem;font-size:.95rem;color:#111d4a;text-align:center;word-break:break-word}#round-profile{width:45vw;height:23vh;display:flex;position:relative;top:3vh}#profile-wheel{position:absolute;width:55vw;animation:rotation 20s linear infinite}.nav-btn-img{width:7.5vw;margin:25%}.tech-nav-icon{width:4.5vw;margin:10% 35%}.contact-nav-icon{width:10vw;margin:15% 20%}.project-image{width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.tech-icon-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.tech-item{display:flex;flex-direction:column;align-items:center;width:80px}.tech-icon{width:48px;height:48px;padding:10px;transition:transform .3s ease}@keyframes openTransition{0%{transform:translate(90%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.next-page{opacity:0;transform:translate(-250%)}.front-end{color:#92140c}.back-end{color:#ffcf99;background-color:#92140c}.yellow-stripe-bg{width:100%;height:50vh;position:absolute;top:50%;transform:translateY(-50%);background-color:#ffcf99;z-index:-1}body{margin:0;padding:0;overflow-x:hidden!important}html{overflow-x:hidden}@media screen and (min-width: 650px){.main-container{display:flex;flex-direction:row-reverse}.profile-container{padding:20vh 5vw;width:50vw}.contents-container{padding:5vh 5vw;width:50vw}.main-content{margin:10vh 0}.projects-title{flex-direction:column}.nav-bar{border-radius:30px}.nav-btn{width:6vw;height:6vh;margin-top:-2vh}.cta-btn{width:15vw;border-radius:30px;margin-top:3vh;font-size:.82rem!important}.project-btn{width:15vw;border-radius:150px;margin-top:3vh}.jaro-h1{font-size:5vw}.content-desc{line-height:5vh}.job-title{font-size:1.5vw;width:20vw}#round-profile{width:35vw;height:40vh}#profile-wheel{width:45vw;top:-1vh}.nav-btn-img{width:3.5vw;margin:15% 20%}.tech-nav-icon{margin:0 35%;width:2vw}.contact-nav-icon{width:4vw;margin:10% 20%}.project-image{width:24vw;height:24vh}.tech-icon{width:15vw;height:15vh;padding:10px;gap:10px}.tech-item{width:100px}.tech-icon{width:60px;height:60px}.tech-label{font-size:1.05rem}}@media screen and (min-width: 930px){.main-content{margin:10vh 0}.projects{display:flex;flex-direction:column;height:160vh}.projects-container{display:flex;flex-direction:row;justify-content:space-around;text-align:center}.project-card{width:20vw;height:60vh;padding:7vh 2vw;gap:5px;margin:2vh 0}.hero-section{padding:5vh 0 10vh}.nav-btn{width:5vw;height:5vw;border:50%;margin-top:-5vh}.project-btn{font-size:.8rem}.cta-btn{width:17vw;margin-top:3vh;font-size:1.5vw!important}.hero-btn{left:0}.contact-btn{width:20vw;height:5vh;padding:1vw 1vh;left:2vw;font-size:1.2rem}.jaro-h2{font-size:2vw}.project-desc{font-size:1.2vw}.jaro-h3{font-size:3vw}#round-profile{width:25vw;height:40vh}#profile-wheel{width:32vw}.nav-btn-img{width:3vw}.contact-nav-icon{width:4vw;margin:5% 15%}.tech-nav-icon{margin:5% 35%;width:1.5vw}.tech-icon{width:8vw;height:10vh;padding:10px;gap:10px}.tech-item{width:120px}.tech-icon{width:72px;height:72px}.tech-label{font-size:1.15rem}}@media screen and (min-width: 1300px){.projects{display:flex;flex-direction:column;height:172vh;margin-bottom:35vh}.projects-title{margin:5vh 0}.contact-card{top:-20vh}.nav-btn{width:5vw;height:5vw;border-radius:50%}.cta-btn{width:10vw;margin-top:3vh;font-size:1rem!important}.hero-btn{height:3.5vh;width:20vw;padding:1vw 1vh;left:2vw}.os-p{font-size:1rem}#round-profile{width:25vw;height:45vh}#profile-wheel{width:32vw}.project-image{width:24vw;height:24vh;box-shadow:0 5px 5px #111d4a}.tech-icon{width:8vw;height:15vh;padding:10px;gap:10px}.tech-item{width:140px}.tech-icon{width:84px;height:84px}.tech-label{font-size:1.25rem}}@media screen and (min-width: 1400px){#round-profile{width:25vw;height:55vh}#profile-wheel{width:32vw;top:-3vh}}