:root{--a: 1;--b: 2;--c: 3;--d: 4}*{font-family:Montserrat,sans-serif}body{margin:0;background-color:#fff}header{display:flex;justify-content:space-between;position:sticky;top:0;z-index:1001;width:100%;background-color:#435334;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;box-shadow:3px 3px 2px 2px rgba (0,0,0,.3)}header>h1{transition:.3s all ease;padding-left:50px;font-size:2rem}nav{transition:.3s all ease;width:30%;display:flex;justify-content:space-around;align-items:center;font-size:1.3rem;position:relative}.indicatorContainer{position:absolute;display:flex;height:100%;width:100%;align-items:center;justify-content:center}.indicator{background-color:green;height:80%;width:30%;border-radius:10px;position:absolute;left:33%;transition:.4s ease-in-out}nav>li.active:nth-child(1)~.indicatorContainer>.indicator{transform:translate(-110%)}nav>li.active:nth-child(2)~.indicatorContainer>.indicator{transform:translate(0)}nav>li.active:nth-child(3)~.indicatorContainer>.indicator{transform:translate(115%)}nav>li{list-style:none;z-index:2}nav>li:hover{cursor:pointer}li>p{color:#fff;pointer-events:none}#me{max-width:30vw;height:auto;border-radius:5px}#home{height:100vh;display:flex;justify-content:center;align-items:center}.homeContainer{display:flex;justify-content:center;align-items:center;position:relative;background-color:#435334;border-radius:5px;box-shadow:3px 3px 3px 3px #00000080}.homeContainer>p{font-size:1.5rem;width:40vw;padding:30px;color:#fff}.socials{position:absolute;bottom:5px;right:5px}.socials>a>img{height:40px;margin-right:20px;border-radius:50%;transition:cubic-bezier(0,1.06,1,1.8) .4s}.socials>a>img:hover,.links>a>img:hover{scale:1.3;transform:rotate(360deg)}.project{padding:50px;border-radius:10px;box-shadow:2px 2px 1px 1px #0006;display:flex;width:75vw;justify-content:space-around;align-items:center;background-color:#f5f5f5;margin:50px}.project>*{flex:1}.des{flex:1.4;padding:30px;display:flex;flex-direction:column}.des>div>p{font-size:1.3rem;text-align:justify}.project>div>img{max-width:100%;height:auto;border-radius:10px}.projectContainer{min-height:50vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.projects{display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center;padding-bottom:50px}.projects>div:nth-child(2n)>div{flex-direction:row-reverse}.projects>div:nth-child(2n)>div>.des{text-align:end}.projects>h2,.contact>h2{width:90%;display:grid;grid-template-columns:1fr max-content 1fr;align-items:center;gap:.5rem;font-size:2rem;z-index:1000}.projects>h2:before,.projects>h2:after{content:"";height:1px;background-color:#000}.contact>h2:before,.contact>h2:after{content:"";height:1px;background-color:#fff}.links>a>img{height:30px;transition:.5s cubic-bezier(0,1.06,1,1.8)}.links{width:30%;display:flex;align-self:center;justify-content:space-between}.contact{margin-top:100px;height:100vh;display:flex;align-items:center;flex-direction:column;background-color:#0f5e9c;padding-top:0;color:#fff}.contact>p{font-size:1.3rem}#anotherMe{max-width:40vw;height:auto;border-radius:10px}.contactDetails{flex:1;display:flex;justify-content:center;align-items:center}.details{margin:20px;height:20%;display:flex;flex-direction:column;justify-content:space-between}.details>div>img{height:2rem;margin-right:10px}.details>div{font-size:1.2rem;display:flex;align-items:center}.wave{position:absolute;width:100%;height:100px;background-image:url(./wave-w2ZbBZC_.png);background-color:#0f5e9c;background-size:1000px 100px;animation:animate 6s ease-in-out infinite}.waves{width:100%;transform:scaleY(-1);position:absolute;bottom:-120px}#wave1{z-index:8;opacity:1;background-position-x:400px;background-color:#0f5e9c;animation-delay:calc(var(--a) * .25s)}#wave2{z-index:9;opacity:.5;background-color:#0f5e9c;background-position-x:300px;animation-delay:calc(var(--b) * .25s)}#wave3{z-index:10;opacity:.7;background-color:#0f5e9c;background-position-x:200px;animation-delay:calc(var(--c) * .25s)}#wave3{z-index:11;opacity:.2;background-color:#0f5e9c;background-position-x:700px;animation-delay:calc(var(--d) * .25s)}@keyframes animate{0%,to{transform:translateY(-10px)}50%{transform:translateY(0)}}@media only screen and (max-width: 1024px){.homeContainer{flex-direction:column}#me{min-width:50vw;height:auto}.project{flex-direction:column;text-align:center}.projects>div:nth-child(2n)>div{flex-direction:column}.projects>div:nth-child(2n)>div>.des{text-align:center}.contactDetails{flex-direction:column-reverse}.contactDetails>img{min-width:50vw}.navs{width:40%}.details{justify-content:center}.details>*{padding:10px}}@media only screen and (max-width: 768px){.homeContainer{width:75vw}#me{min-width:75vw;height:auto}.navs{width:50%}}@media only screen and (max-width: 600px){*{margin:0;box-sizing:border-box}html{font-size:12px}.navs{width:70%}.project{padding:0}.homeContainer>p{padding:0;margin-bottom:50px}.contact>p{padding:20px}#anotherMe{min-width:90vw}}