@import url(https://fonts.googleapis.com/css2?family=Instrument+Serif);@import url(https://fonts.googleapis.com/css2?family=Poppins);@import url(https://fonts.googleapis.com/css2?family=Space+Mono);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-user-select:none;user-select:none}*,body{margin:0;padding:0}.header,body{align-items:center;justify-content:center}.header{display:flex;left:50%;max-width:800px;padding:5px 2px;position:fixed;top:5%;transform:translate(-50%,-50%);width:60%;z-index:1000}@media screen and (max-width:768px){.header{top:3%;width:90%}}html,nav{scroll-behavior:smooth}nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border-radius:50px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:center;margin:0 auto;padding:15px 25px;transition:all .3s ease;width:100%}nav:hover{box-shadow:0 6px 25px #0000001f}nav ul{display:flex;font-family:Poppins,sans-serif;font-size:clamp(10px,2vw,18px);gap:clamp(20px,1.1em,40px);list-style:none;margin:0;padding:0}nav a{color:#000;position:relative;text-decoration:none;transition:color .3s ease}nav a:hover{color:#ffc6ad}nav a:after{background-color:#ffc6ad;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.home,nav a:hover:after{width:100%}.bg{position:relative;z-index:1}.bg,.bg2{height:auto;object-fit:cover;width:100%}.bg2{top:0}.bg1,.bg2{opacity:.5;position:absolute;z-index:0}.bg1{height:auto;object-fit:cover;width:100%}.home-content{align-items:center}.welcome-img{left:50%;position:relative;transform:translate(-50%,-160%);width:70%;z-index:2}.about-img1{margin-bottom:15%}.about-img1,.about-img2{left:50%;position:relative;transform:translate(-50%,-50%);width:75%;z-index:2}.about-img2{margin-top:15%}.about-img3{margin-bottom:10%}.about-img3,.about-img4{left:50%;position:relative;transform:translate(-50%,-50%);width:75%;z-index:2}.about-img4{margin-top:10%}.about{margin-top:-35%;padding-top:10%;position:relative}@media screen and (max-width:768px){.about{margin-top:-30%;padding-top:15%}}.work-experience{align-items:center;background-color:#fbfbf4;border-radius:40px;box-shadow:0 4px 15px #00000014;font-family:Space Mono;font-size:clamp(10px,2vw,25px);left:50%;margin-bottom:3%;padding:25px 30px;position:relative;text-align:left;transform:translate(-50%,-50%);transition:all .3s ease;width:72%}.work-experience:hover{box-shadow:0 6px 20px #0000001f;transform:translate(-50%,-52%)}.work-experience p{color:#000;font-size:clamp(7px,2vw,14px)}.work-link{color:#ffc6ad;font-weight:700;text-decoration:none}.work-link:hover{color:#fb8e5f}.resume-btn{background:#a6d7bf;border:none;border-radius:50px;box-shadow:0 4px 10px #a6d7bf4d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:clamp(10px,2vw,18px);left:50%;margin-bottom:10%;margin-top:-10%;padding:12px 30px;position:relative;transform:translate(-50%,-50%);transition:all .3s ease}.resume-btn:hover{background:#8fc5a9;box-shadow:0 6px 15px #a6d7bf66;transform:translate(-50%,-50%) scale(1.05)}.skills-boxes{gap:2.5%;margin-bottom:5%;width:100%}.skills-box,.skills-boxes{align-items:center;display:flex;justify-content:center}.skills-box{background:#fbfbf4;border-radius:15px;box-shadow:0 4px 10px #0000001a;cursor:pointer;font-family:Space Mono,sans-serif;font-size:clamp(10px,2vw,35px);height:clamp(150px,2vh,300px);padding:clamp(5px,2vw,30px);perspective:1000px;position:relative;text-align:center;width:20%}.skills-box .flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.skills-box:hover .flip-inner{transform:rotateY(180deg)}.skills-box .flip-back,.skills-box .flip-front{align-items:center;backface-visibility:hidden;border-radius:15px;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;position:absolute;width:100%}.skills-box .flip-back{color:#000;transform:rotateY(180deg)}.projects{position:relative;width:100%}.project-img1{left:30%;margin-bottom:20%;position:relative;transform:translate(-50%,75%);width:40%;z-index:2}.project-card{background-color:#fbfbf4;border-radius:25px;box-shadow:0 4px 15px #00000014;margin:70px auto;padding:35px;transition:all .3s ease;width:68%}.project-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}@media screen and (max-width:768px){.project-card{padding:25px;width:85%}}.project-title{color:#333;font-family:Space Mono,sans-serif;font-size:clamp(25px,2vw,50px);font-weight:700;margin-bottom:20px;text-align:left}.project-tags{font-family:Space Mono,sans-serif;gap:15px;justify-content:left}.project-content,.project-tags{display:flex;flex-wrap:wrap;margin-bottom:20px}.project-content{align-items:center;font-family:Poppins,sans-serif;gap:20px;justify-content:space-between;margin-top:20px;position:relative}@media screen and (max-width:768px){.project-content{flex-direction:column}.project-description,.project-image{max-width:100%!important;text-align:left!important;width:100%!important}}.project-image{border-radius:25px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;width:45%}.project-description{color:#333;margin-bottom:20px;max-width:45%;text-align:right}.project-description,.project-details{font-size:clamp(3px,2vw,15px);line-height:1.3}.project-details{color:#666;font-family:Poppins,sans-serif;margin-bottom:30px;text-align:left}.project-line{height:1px;margin:20px auto;width:100%}.project-links{display:flex;font-family:Space Mono,sans-serif;gap:10%;justify-content:center}.project-link{color:#000;font-size:clamp(10px,2vw,15px);font-weight:600;text-decoration:none;transition:all .3s ease-in-out}.project-link:hover{transform:scale(1.05)}.wips-img{margin-bottom:5%;margin-left:45%;margin-top:15%;position:relative;width:40%;z-index:2}.wip-card{background-color:#fbfbf4;border-radius:25px;box-shadow:0 4px 10px #0000001a;padding:30px;text-align:center;width:38%}.wip-title{color:#333;font-size:clamp(25px,2vw,50px);font-weight:700;text-align:left}.wip-tags,.wip-title{font-family:Space Mono,sans-serif;margin-bottom:20px}.wip-tags{display:flex;flex-wrap:wrap;gap:15px;justify-content:left}.tag{background-color:#daedea;border-radius:60px;color:#000;font-size:clamp(3px,2vw,13px);font-weight:500;padding:5px 15px}.wip-content{align-items:center;flex-wrap:wrap;font-family:Poppins,sans-serif;margin-bottom:20px;margin-top:20px;position:relative}.wip-cards-container{display:flex;flex-wrap:nowrap;gap:2%;justify-content:space-between;left:17%;position:relative;width:68%}@media screen and (max-width:850px){.wip-cards-container{align-items:center;flex-direction:column;gap:40px}.wip-card{width:90%}}.wip-image{border-radius:5px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;width:45%}.wip-description{color:#333;font-size:clamp(3px,2vw,15px);line-height:1.3;margin-bottom:20px;text-align:center}.wip-line{height:1px;margin:20px auto;width:100%}.link-icon{height:clamp(3px,2vw,10px);margin-right:5px;width:clamp(3px,2vw,10px)}.wip-links{display:flex;font-family:Space Mono,sans-serif;gap:10%;justify-content:center}.wip-link{color:#000;font-size:clamp(10px,2vw,15px);font-weight:600;text-decoration:none;transition:all .3s ease-in-out}.wip-link:hover{transform:scale(1.05)}.projects .bg{height:auto;object-fit:cover;position:relative;width:100%;z-index:0}.contact{align-items:center;display:flex;justify-content:space-between;margin:50px auto;padding-top:10%;position:relative;width:80%;z-index:2}@media screen and (max-width:968px){.contact{flex-direction:column;gap:30px}.footer-img{bottom:0;position:relative;right:0;width:60%}}.contact-content{margin:0 auto;text-align:left;width:60%}.contact-form{width:100%}.form-message{border-radius:10px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:clamp(10px,2vw,14px);margin-bottom:20px;margin-top:15px;padding:12px 20px;text-align:center;width:clamp(80%,2vw,100%)}.form-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media screen and (max-width:968px){.contact-content{width:90%}}.contact-content p{color:#000;font-family:Poppins,sans-serif;font-size:clamp(3px,2vw,14px);margin-bottom:2px}.footer-img{bottom:4rem;position:relative;right:5%;width:30%;z-index:2}.socials{background-color:#ffded0;border-top-left-radius:100px;border-top-right-radius:100px;box-shadow:0 4px 10px #0000001a;font-size:clamp(7px,2vw,25px);padding:20px 0;position:relative;text-align:center;width:100%;z-index:10}.social-links{display:flex;gap:40px;justify-content:center}.foot-link-icon{height:clamp(6px,2vw,15px);margin-right:5px;width:clamp(6px,2vw,15px)}.real-btn3{background:#1e1e1e;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:clamp(10px,2vw,18px);margin-bottom:20px;margin-top:15px;padding:12px 20px;transition:all .3s ease;width:clamp(80%,2vw,100%)}.real-btn3:hover:not(:disabled){background:#333;box-shadow:0 4px 15px #0003;transform:scale(1.02)}.real-btn3:disabled{cursor:not-allowed;opacity:.6}input,textarea{background-color:#fff;border:1.5px solid #ddd;border-radius:15px;box-sizing:border-box;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(8px,2vw,14px);margin-bottom:10px;padding:clamp(10px,1vw,15px);transition:all .3s ease;width:clamp(80%,2vw,100%)}input:focus,textarea:focus{border-color:#a6d7bf;box-shadow:0 0 0 3px #a6d7bf1a;outline:none}.fake-btn{background:#dce8fb;border:none;border-radius:25px;display:inline-block;font-family:Poppins,sans-serif;font-size:clamp(12px,2vw,16px);margin-bottom:5%;padding:8px clamp(20px,1vw,30px);pointer-events:none}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease-in-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.enlarge-on-hover{transition:transform .3s ease-in-out}.enlarge-on-hover:hover{transform:scale(1.1)}.enlarge-text-on-hover{transition:transform .3s ease-in-out,font-size .3s ease-in-out}.enlarge-text-on-hover:hover{font-size:1.1em}
/*# sourceMappingURL=main.6e15a48c.css.map*/