*{box-sizing:border-box;margin:0}body{font-family:Inter,sans-serif;color:#d4d4d4;background-color:#011d2e}.nav{position:fixed;top:0;z-index:100;width:100%;background-color:#011d2e;color:#d4d4d4;display:flex;justify-content:space-between;align-items:center;padding:20px 25px}.nav-disapear{display:none;transition:all .5s}.nav>a{text-decoration:none}.nav>a>h3{font-family:Righteous,cursive;font-size:4rem;color:#fff}.list-information{list-style:none;display:flex;align-items:center;gap:18px}.list-information>a{text-decoration:none;color:#d4d4d4;cursor:pointer}.resume{border:2px solid rgb(0,255,213);border-radius:3px;padding:10px 20px;color:#00ffd5}.resume:hover{background-color:#00ffd5;color:#011d2e;transition:all .3s}.intro{scroll-snap-align:start;height:100vh;padding:5rem 8%;margin-bottom:15rem}.name{font-size:1.5rem;color:#00ffd5;padding:0rem 0 3rem}.intro>h1{font-size:5.5rem;color:#fff}.intro>h2{font-size:4.5rem;padding:0 0 4rem}.intro>p{font-size:1.2rem;padding:0 40px 30px 0;max-width:800px}.cta{margin-top:25px;background-color:#00ffd5;border:1px solid rgb(0,255,213);border-radius:5px;font-size:1.2rem;font-weight:800;color:#011d2e;font-family:inherit;padding:20px 60px;cursor:pointer;transition:all .1s}.cta:hover{background-color:#011d2e;color:#00ffd5}.about-me-container{position:relative;display:block;padding:15rem 0;background-color:#fff;color:#242424;width:100%;margin-bottom:15rem}.about-me-title{scroll-snap-align:start;margin-left:8%;color:#004977;padding:0 0 45px;font-size:4.5rem;margin-top:-30px;letter-spacing:5px}.about-me{padding:0 8%;display:flex;height:70vh;gap:3rem}.about-me-description{text-align:justify;flex:1;font-size:1.3rem;font-weight:600}.my-image{object-fit:contain;background:no-repeat center;background:linear-gradient(120deg,#009b79,#004977,rgb(1,29,46));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;border:none;flex:1}.custom-shape-divider-top-1675556453{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-top-1675556453 svg{position:relative;display:block;width:calc(117% + 1.3px);height:143px}.custom-shape-divider-top-1675556453 .shape-fill{fill:#011d2e}.custom-shape-divider-bottom-1675556539{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.custom-shape-divider-bottom-1675556539 svg{position:relative;display:block;width:calc(114% + 1.3px);height:184px;transform:rotateY(180deg)}.custom-shape-divider-bottom-1675556539 .shape-fill{fill:#011d2e}footer{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(180deg,rgb(1,29,46) 0%,rgba(0,17,28,1) 42%,rgba(0,0,0,1) 100%);height:50px;font-size:1.2rem;padding:70px 0;color:#9b9b9b}#projects{padding:0 8%}.project-container{scroll-snap-align:start;display:block;margin-bottom:4rem;transform:scale(.85)}.image-link{width:100vw;object-fit:contain}.image{width:100%;height:450px;border-left:1px solid white;border-right:1px solid white;border-top:.2px solid white;box-shadow:0 0 15px .2px #0b0f24}.description-container{background-color:#012e49;color:#00ffd5;border-left:1px solid white;border-right:1px solid white;border-bottom:1px solid white}.description{padding:0 20px;font-size:1.1rem;color:#fff}.image:hover{transform:scale(1.15);filter:none;box-shadow:0 0 15px 5px #0b0f24;transition:all .3s;border-bottom:1px solid white}.project-title{font-size:3.5rem;padding:20px 0;color:#fff;display:block}.cta-icons-left{padding:20px 0;display:flex;gap:10px}.cta-icons-right{padding:20px 0;display:flex;justify-content:flex-end;gap:10px}.hr{height:.5rem;background-color:#011d2e;border-radius:5rem;margin-top:-20px;margin-bottom:60px;width:90%}.divider{height:.2rem;background-color:#00aa8e;border:1px solid rgb(0,170,142);border-radius:2rem;margin-top:-20px;margin-bottom:40px;width:90%}.cta-link{background-color:#00ffd5;border:2px solid rgb(0,255,213);border-radius:5px;font-size:16px;font-weight:800;color:#012e49;font-family:inherit;margin:10px 20px;padding:15px 40px;cursor:pointer;transition:all .1s;text-decoration:none}.cta-link:hover{background-color:#012e49;color:#00ffd5}.contact-container{height:100vh;display:grid;place-items:center;position:fixed;z-index:100;width:100%;top:0;background:linear-gradient(160deg,#009b79,#004977 66%,rgb(1,29,46));filter:contrast(10px)}.contact{color:wheat;font-size:2rem;font-weight:600}.contact>p{position:relative;color:wheat}.contact>p:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#51d49d;transform-origin:bottom right;transition:transform .25s ease-out}.contact>p:hover:after{transform:scaleX(1);transform-origin:bottom left}.close{cursor:pointer;color:#fff;z-index:3;position:absolute;top:20px;right:20px;font-size:5rem}@media (max-width: 1400px){.project-title{font-size:3.3rem}}@media (max-width: 1350px){.project-title{font-size:3rem}}@media (max-width: 1220px){.project-title{font-size:2.5rem}.my-image{width:40%;height:80%;align-self:center}.about-me-description{flex:3}}@media (max-width: 1060px){.my-image{width:40%;height:60%;align-self:center}.about-me-description{font-size:1.1rem}.project-title{font-size:2rem}}@media (max-width: 853px){.project-container{transform:scale(1)}.name{margin-top:3rem}.intro>h1{font-size:4rem}.intro>h2{font-size:2.5rem}.project-title{display:block;font-size:2rem}.image-left,.image-right{width:100%;height:60vh;z-index:-33;margin:0 auto;position:static;display:block}.description-container-left,.description-container-right{position:static;display:block;padding:100px 0}.cta-link{position:static;width:80%}.left,.right{height:5px;background-color:#009b79;border:1px solid #009b79;border-radius:0 20% 20% 0}.my-image{display:none}.about-me-description{font-size:1.2rem}.about-me-title{font-size:3.5rem}.contact{font-size:1.7rem}}@media (max-width: 616px){.intro>h1{font-size:3rem}.intro>h2{font-size:1.6rem}.project-title{font-size:2rem}.about-me{height:100vh}.list-information>a:nth-child(1),.list-information>a:nth-child(2){display:none}footer{font-size:1.1rem}.contact{font-size:1.3rem}}@media (max-width: 487px){.name{margin-top:3rem}.intro>h1{font-size:2rem}.intro>h2{font-size:1.5rem}.intro>p{font-size:1rem;max-width:100%}.project-title{font-size:1.6rem}.about-me{height:800px;width:100%}.contact{font-size:1rem}}@media (max-width: 390px){.list-information>a:nth-child(3){display:none}.about-me-title{font-size:2.5rem}.cta{font-size:1rem;padding:15px 50px}footer{font-size:.8rem}.contact{font-size:.8rem}}