@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.not-found-container{height:100vh;background-color:#121212;color:#ffffffd9;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;padding:2rem;text-align:center}.not-found-title{font-size:clamp(4rem,8vw,7rem);font-weight:700;margin-bottom:1rem;color:#fffffff2}.not-found-message{font-size:1.25rem;margin-bottom:2rem;color:#ffffffb3;max-width:600px}.not-found-link{font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.75rem 1.5rem;font-size:1rem;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s ease;box-shadow:0 0 10px #012b2c86}.not-found-link:hover{background-color:#02494bbf;transform:scale(1.05)}.hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:80vh;padding:5vw;color:#fff;background:radial-gradient(circle,#202020,#141414)}.hero-intro{font-family:Raleway,sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:400;margin-top:10rem;margin-left:.1rem;color:#ffffff8c}.hero-name{font-family:Poppins,sans-serif;font-size:clamp(4rem,8vw,6vw);font-weight:700;letter-spacing:-1px;margin-top:-2rem;color:#ffffffd9}.hero-description{font-family:Raleway,sans-serif;font-size:clamp(1rem,2vw,1.8vw);font-weight:400;max-width:45%;line-height:1.25;text-align:right;align-self:flex-end;margin-top:-2rem;color:#ffffff8c}.social-buttons{display:flex;gap:2.25vw;position:relative;margin-top:4rem}.social-button,.resume-button{display:flex;justify-content:center;align-items:center;width:4.2vw;height:4.2vw;border-radius:25%;background-color:#121212;transition:transform .3s ease,box-shadow .3s ease;outline:3px solid rgba(4,52,53,.568);box-shadow:0 0 20px #012b2c86,0 0 15px #ffffff27}.resume-button{width:12vw;border-radius:18px}.social-button:hover,.resume-button:hover{transform:scale(1.07);box-shadow:0 0 20px #00ffff80}.social-button:active,.resume-button:active{transform:scale(1)}.social-icon{width:2.7vw;height:2.7vw;opacity:85%}.resume-text{font-family:Poppins,sans-serif;font-size:1.8vw;font-weight:300;padding:8px;color:#fff}a{text-decoration:none!important}@media (min-width: 481px) and (max-width: 1080px){.hero{height:61vh;padding:5vw 8vw}.hero-intro{font-size:clamp(1rem,3vw,1.3rem);margin-top:10%}.hero-name{font-size:clamp(3rem,7vw,5vw)}.hero-description{font-size:clamp(1rem,2.5vw,1.7vw);max-width:50%;margin-bottom:-1rem}.social-buttons{margin-top:5%}.social-button{width:3rem;height:3rem}.social-buttons{gap:2vw}.resume-button{height:3rem;width:7rem}.social-icon{width:4rem}.resume-text{font-size:1.15rem}}@media (max-width: 768px){.hero{height:50vh;padding:8vw}.hero-intro{font-size:clamp(1rem,4vw,1.2rem)}.hero-name{font-size:clamp(2.5rem,8vw,4.5vw)}.hero-description{font-size:clamp(1rem,3vw,1.5vw);max-width:60%;text-align:center}.social-buttons{gap:4vw}.social-button,.resume-button{width:10vw;height:10vw}.resume-button{width:20vw}.resume-text{font-size:3vw}}@media (max-width: 480px){.hero{height:85vh;padding:10vw 5vw}.hero-intro{font-size:120%;margin-top:40%}.hero-name{font-size:3.2rem;margin-top:-1.5rem}.hero-description{font-size:140%;max-width:120%;text-align:center;margin-top:4rem}.social-buttons{gap:5.5vw;margin-top:6rem;margin-bottom:4rem}.social-button,.resume-button{width:14.5vw;height:14.5vw}.resume-button{width:30vw}.resume-text{font-size:4.5vw;padding:3px}.social-icon{width:9vw;height:9vw}}.skills{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6vw 4vw;color:#fff;background-color:#121212}.skills-heading{font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3.5vw);font-weight:700;letter-spacing:-1px;color:#ffffffd9;margin-bottom:1.5rem;margin-top:-.5rem}.skills-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%}.skills-group{width:100%}.skills-group-heading{font-family:Raleway,sans-serif;font-size:1.2rem;font-weight:400;color:#ffffff80;margin-bottom:1rem;text-align:center;margin-top:1rem;margin-bottom:1.5rem}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2vw}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.5vw;height:5.5vw;border-radius:10px;background-color:#1f1f1f;transition:transform .3s ease,box-shadow .3s ease;text-align:center;padding:2.5rem;outline:2px solid rgba(4,52,53,.568);box-shadow:0 0 20px #012b2c86,0 0 15px #ffffff27}.skill-card:hover{transform:scale(1.05);box-shadow:0 0 10px #00ffff80}.skill-icon,.skill-icon1{width:65px;height:65px;object-fit:contain;margin-bottom:.5rem;margin-top:.7rem}.skill-name,.skill-name1{font-family:Raleway,sans-serif;font-size:1rem;color:#fff;font-weight:400;text-align:center;padding:7px;margin-bottom:2rem}.rating{font-family:Raleway,sans-serif;font-size:.85rem;color:#ffffffd9;font-weight:400;margin-bottom:.5rem;margin-top:-1.8rem;opacity:80%}@media (min-width: 481px) and (max-width: 1080px){.skills-group-heading{font-size:1.2rem;color:#ffffff80}.skills-group{width:100%}.skill-card{width:3vw;height:4vw;padding:2.5rem}.skill-icon,.skill-icon1{margin-top:.7rem;width:40px;height:40px}.skill-name{font-size:.9rem;color:#fff;margin-bottom:1.75rem;text-align:center;padding:7px;margin-top:-.8rem}.rating{font-family:Raleway,sans-serif;font-size:.7rem;color:#ffffffd9;font-weight:400;margin-bottom:.5rem;margin-top:-1.8rem;opacity:80%}}@media (max-width: 480px){.skills{padding:6vw 3.5vw}.skills-heading{font-size:clamp(2rem,4vw,3.5vw)}.skills-group-heading{font-size:clamp(1.1rem,2.2vw,1.5vw)}.skills-list{flex-direction:row;justify-content:center;gap:1vw}.skill-card{width:8vw;height:12vw;padding:1.5rem;margin:.5rem}.skill-icon{width:30px;height:30px;margin-bottom:.1rem;margin-top:1.75rem}.skill-icon1{width:30px;height:30px;margin-top:1.2rem;margin-bottom:0rem}.skill-name,.skill-name1{font-size:.7rem;margin-bottom:2rem}.skill-name{margin-bottom:2.2rem}.rating{font-size:.6rem;margin-bottom:1rem;opacity:80%}}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6vw 4vw;color:#fff;background-color:#121212;margin-bottom:-5rem}.projects-heading{font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3.5vw);font-weight:700;letter-spacing:-1px;color:#ffffffd9;margin-bottom:1.5rem;margin-top:-.5rem}.projects-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%}.project-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:80vw;height:auto;border-radius:35px;background-color:#1f1f1f;transition:transform .3s ease,box-shadow .3s ease;text-align:center;padding:2rem;outline:2px solid rgba(4,52,53,.568);box-shadow:0 0 20px #012b2c86,0 0 15px #ffffff27;margin-bottom:3rem}.project-card:hover{transform:scale(1.01);box-shadow:0 0 10px #00ffff80}.project-image{width:30vw;height:auto;border-radius:8px;object-fit:cover;margin-left:2rem}.project-image.three{width:15rem}.project-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:60%}.project-title{font-family:Poppins,sans-serif;font-size:2rem;color:#ffffffd9;font-weight:600;margin-bottom:1rem;margin-top:-.5rem}.project-description{font-family:Raleway,sans-serif;font-size:1rem;color:#ffffffb3;margin-bottom:3.5rem;line-height:1.6}.read-more-btn{font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.5rem 1rem;font-size:1rem;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s ease}.read-more-btn:hover{background-color:#02494bbf;transform:scale(1.1)}.skills-used1{display:flex;gap:.5rem;margin-top:-2.3rem;align-items:center;margin-left:20.5rem}.skills-used2{display:flex;gap:.5rem;margin-top:-2.3rem;align-items:center;margin-left:23.5rem}.skills-used3,.skills-used4{display:flex;gap:.5rem;margin-top:-2.3rem;align-items:center;margin-left:32.35rem}.skill-used{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:10px;outline:2px solid rgba(4,52,53,.568);margin-top:-.3rem}.skills-icon{width:1.25rem;height:auto;padding:.6rem;opacity:80%}@media (min-width: 481px) and (max-width: 1080px){.project-card{width:85vw;height:26vw}.project-image{width:37.5vw;margin-left:-1rem;margin-top:-4rem}.project-info{width:60%}.project-description{width:90%;font-size:90%}.project-title{margin-bottom:.1rem;margin-top:-.6rem}.skills-used1{margin-left:27.55rem;margin-top:-2.175rem}.skills-used2{margin-left:29.1rem;margin-top:-2.175rem}.skills-used3{margin-left:33.5rem;margin-top:-2.175rem}.skills-icon{padding:.5rem}}@media (max-width: 480px){.projects{padding:6vw 3.5vw}.project-card{width:75vw;flex-direction:column;text-align:center}.project-image{width:80vw;margin-right:2rem}.project-info{width:100%;margin-top:1rem}.skill-used{border-radius:.3rem}.skills-used1,.skills-used2,.skills-used3,.skills-used4{align-items:center;margin-left:7.75rem;margin-bottom:1.5rem;margin-top:-1.65rem}.skills-used2{margin-left:8.7rem}.skills-used3,.skills-used4{margin-left:14.5rem}.skills-icon{width:.8rem;padding:.3rem}}.about-me{display:flex;justify-content:center;align-items:center;background-color:#121212;color:#fff;padding:4rem 4vw}.about-me-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;text-align:center}.about-me-image{width:40%}.profile-img{width:75%;height:auto;border-radius:50%;box-shadow:0 0 10px #0006;margin-top:-3rem}.about-me-text{width:55%}.about-me-heading{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem}.about-me-description{font-family:Raleway,sans-serif;font-size:1.125rem;line-height:1.8;color:#ffffffd9;margin-bottom:2rem}.read-more-btn{font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.5rem 1rem;font-size:1rem;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s ease;margin-top:-15px}.read-more-btn:hover{background-color:#02494bbf;transform:scale(1.05)}.about-section{margin-bottom:4rem}.about-section h3{font-family:Poppins,sans-serif;font-size:1.4rem;margin-bottom:-1rem;color:#fff}.about-section p{font-family:Raleway,sans-serif;font-size:1.05rem;line-height:1.7;color:#ffffffd9}@media (min-width: 481px) and (max-width: 1080px){.about-me-container{flex-direction:column;text-align:center}.about-me-image{width:50%;margin-bottom:2rem}.about-me-text{width:90%}.profile-img{width:70%}}@media (max-width: 480px){.about-me-container{padding:3rem 0;flex-direction:column}.about-me-heading{font-size:2rem;margin-top:5rem}.about-me-text{width:100%}.about-me-description{font-size:1rem}.read-more-btn{font-size:.9rem}.about-me-image{width:60%}}.contact{display:flex;flex-direction:column;align-items:center;padding:6vw 4vw;color:#fff;background-color:#121212;margin-bottom:-5rem}.contact-text{font-family:Raleway,sans-serif;font-size:1.1rem;color:#ffffffb3;text-align:center;margin-bottom:2rem;max-width:600px}.navbar{position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:1000;width:40%;max-width:1200px;background-color:#121212b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:40px;padding:4px 3vw;font-family:Raleway,sans-serif;text-align:center;outline:3px solid rgb(4,52,53);box-shadow:0 0 20px #012b2c,0 0 15px #fff3;transition:all .4s ease-in-out}.navbar-list{list-style-type:none;display:flex;justify-content:center;padding:0;margin:0}.navbar-item{padding:1vw .1vw;transition:all .3s ease-in-out}.navbar-item a{color:#ffffffbf;text-decoration:none;font-weight:300;font-size:1.25rem;padding:.5rem 1.5vw;border-radius:30px;background-color:transparent;transition:all .3s ease-in-out}.navbar-item a:hover{text-shadow:0 0 1px rgba(255,255,255,1);background-color:#ffffff1a}.navbar.shrinked{width:32%;padding:.3rem .8vw;top:8px}.navbar-item.shrinked{padding:.5vw 0}.navbar-item.shrinked a{font-size:.95rem;padding:.4rem 1.35vw}@media (min-width: 481px) and (max-width: 1080px){.navbar{width:50%}.navbar-item a{font-size:1rem;padding:.5rem 2vw}.navbar.shrinked{width:35%;padding:.2rem 2vw}.navbar-item.shrinked a{font-size:.75rem;padding:0 1}}@media (max-width: 480px){.navbar{width:85%;padding:.7rem 1.3rem;top:3%}.navbar-item a,.navbar-item.shrinked a{font-size:1.1rem;padding:.5rem 2.5vw}.navbar.shrinked{width:85%;padding:.7rem 1.3rem;top:3%}}.animation-screen{position:fixed;width:100%;height:100vh;background-color:#0e0e0e;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;opacity:1;transition:opacity .5s ease-out}.loading-container{display:flex;align-items:center;justify-content:center}.loading-animation{stroke:#fff;width:150px;height:150px}html{scroll-behavior:smooth}.about{display:flex;flex-direction:column;align-items:center;background-color:#121212;color:#fff;padding:4rem 4vw}.about-me-img{width:25%;margin-top:3rem;margin-bottom:-7rem;margin-left:4rem}.contact-btn{font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.75rem 3rem;font-size:1.1rem;color:#ffffffd9;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s ease;margin-top:8rem;width:auto;margin-left:auto;margin-right:auto}.contact-btn:hover{background-color:#02494bbf;transform:scale(1.05)}.subheadings-section{width:100%;margin-top:4rem}.subheading-container{display:flex;flex-direction:column;margin-bottom:4rem}.subheading-container.left{text-align:left}.subheading-container.right{text-align:right}.subheading-container h3{font-family:Poppins,sans-serif;font-size:2.5rem;color:#fff;margin-bottom:1rem;color:#075b5c;text-shadow:0 0 20px rgba(1,43,44,.75),0 0 5px rgba(0,0,0,.5)}.subheading-container p,.subheading-container p1{font-family:Raleway,sans-serif;font-size:1.1rem;line-height:1.7;color:#fffc;margin-bottom:-3rem;width:60%}.subheading-container p1{margin-left:40.5%}@media (max-width: 768px){.about-content{flex-direction:column;text-align:center}.subheadings-section{display:block}.subheading-container{width:100%;margin-bottom:2rem}.subheading-container.left,.subheading-container.right{text-align:center}}@media (max-width: 480px){.back-button{top:.75rem;left:1rem;font-size:80%;padding:.6rem 1.2rem}.subheading-container h3{font-size:2rem}.subheading-container p,.subheading-container p1{width:22rem;margin-bottom:1rem;margin-left:auto;margin-right:auto}.about-heading{margin-top:2rem;margin-bottom:-1.5rem;font-size:2.5rem}.about-me-img{width:55%;margin-left:3.5rem;margin-bottom:-3rem}}.ProjectPage{background-color:#0d0d0d;color:#f0f0f0;min-height:100vh;font-family:Poppins,sans-serif}.project-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;text-align:center;padding:2rem}.project-title1{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#075b5c}.project-message{font-size:1.5rem;opacity:.8}.back-btn{position:fixed;top:1.5rem;left:2rem;font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.75rem 1.5rem;font-size:1rem;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s ease;box-shadow:0 0 10px #012b2c86}.back-btn:hover{background-color:#02494bbf;transform:scale(1.05)}@media (max-width: 480px){.back-button{top:.75rem;left:1rem;font-size:80%;padding:.6rem 1.2rem}}.contact{display:flex;flex-direction:column;align-items:center;padding:6vw 4vw;color:#fff;background-color:#121212;margin-bottom:-5rem;height:40rem}.contact-heading{font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3.5vw);font-weight:700;letter-spacing:-1px;color:#ffffffd9;margin-bottom:1rem;text-align:center}.contact-text{font-family:Raleway,sans-serif;font-size:1.1rem;color:#ffffffb3;text-align:center;margin-bottom:2rem;max-width:630px}.contact-form{display:flex;flex-direction:column;width:100%;max-width:500px;gap:1rem}.contact-form input,.contact-form textarea{font-family:Poppins,sans-serif;padding:.75rem 1rem;border-radius:10px;border:none;outline:2px solid rgba(4,52,53,.568);background-color:#1f1f1f;color:#fff;font-size:1rem;transition:outline-color .3s}.contact-form input:focus,.contact-form textarea:focus{outline-color:#0ff9}.send-button{font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.75rem 1.5rem;font-size:1rem;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s ease;box-shadow:0 0 10px #012b2c86;align-self:flex-start}.send-button:hover{background-color:#02494bbf;transform:scale(1.05)}.back-button{position:fixed;top:1.5rem;left:2rem;font-family:Poppins,sans-serif;background-color:#043435;border:none;padding:.75rem 1.5rem;font-size:1rem;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .3s ease;box-shadow:0 0 10px #012b2c86}.back-button:hover{background-color:#02494bbf;transform:scale(1.05)}@media (max-width: 480px){.contact{height:60rem}.contact-heading{margin-top:10rem}.back-button{top:.75rem;left:1rem;font-size:80%;padding:.6rem 1.2rem}}