@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/f7c8bed65df13031-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/6af6b543dd3be231-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_65f816{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_65f816{--font-playfair-display:"Playfair Display","Playfair Display Fallback"}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/d426c6df177f02c4-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/1fa61d2b53a053f3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/c9d2740a66c9a4f1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Quicksand Fallback;src:local("Arial");ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.00%;size-adjust:104.31%}.__className_8b9a43{font-family:Quicksand,Quicksand Fallback;font-style:normal}.__variable_8b9a43{--font-quicksand:"Quicksand","Quicksand Fallback"}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-quicksand),sans-serif;margin:0}.wrapper{max-width:1200px;margin:0 auto;padding:14px 2%}header{display:flex;justify-content:center;align-items:center;position:relative}header nav ul{list-style-type:none;display:flex;gap:4rem}nav{margin:2.5rem}nav ul li a{text-decoration:none;color:black;text-transform:uppercase;font-size:1.02rem;position:relative}nav ul li a:before{position:absolute;content:"";width:0;height:1px;border-bottom:2px solid rgb(122,122,122);bottom:-6px;transition:width .3s}nav ul li a:hover:before{width:2rem}header>a{text-decoration:none;color:black;font-size:1.7rem;font-weight:800}.dropdown{z-index:10000000}.menu-icon{width:1.5rem;height:1.5rem;background-size:75%;background-repeat:no-repeat;background-position:50%;background-image:url(/assets/icons/menu-svgrepo-com.svg);z-index:10001;display:none}button{border:0;background-color:transparent;color:#fff;font-size:17px;cursor:pointer;font-weight:500}main.main{display:flex;flex-direction:column;gap:7rem}main .hero{display:flex;gap:5rem;margin-top:5rem;align-items:center;justify-content:space-around;font-family:var(--font-playfair-display),serif}.hero .right-sec img{width:25em;height:25em;border-radius:50%}.hero .left-sec{flex-grow:1;display:flex;flex-direction:column;gap:2rem}.calltoaction{display:flex;gap:1rem;align-items:center}.hero .left-sec h1{font-size:3.7rem;font-weight:800}.hero .left-sec p{font-size:1.4rem}.letstalk{background-color:#F1E2D1;font-size:1rem;font-weight:700;color:black;text-decoration:none;border-radius:1.9em;padding:1em 2em}.letstalk:hover{background-color:#E2D1BD}.resume-btn{background-color:transparent;border:2px solid #f1e2d1;font-size:1rem;font-weight:700;color:black;text-decoration:none;border-radius:1.9em;padding:1em 2em;transition:all .3s ease}.resume-btn:hover{background-color:#F1E2D1}main .about{display:flex;flex-direction:row-reverse;gap:5rem;align-items:center;justify-content:flex-end}.about .right-sec{display:flex;flex-direction:column;gap:1.5rem;flex-shrink:4;padding-right:7rem}.main h2{font-family:var(--font-playfair-display),serif;font-weight:800;font-size:2.2rem;text-transform:capitalize}.about .right-sec p{font-size:1rem}.about .card1{background-image:url(/assets/images/pic2.jpg);height:27em;width:24em;flex-grow:1}.card{display:flex;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.3);align-items:flex-end;padding:0 1rem .6rem}main .skills{display:flex;flex-direction:column;gap:2rem}.skills h2{margin:0 auto}.skills .grid-container{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1000px}.type-2{height:8em;width:12em;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.type-2:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.type-2:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--skill-color);opacity:0;transition:opacity .3s ease}.type-2:hover:before{opacity:1}.skills .card-detail{background:transparent;border-radius:.6em;padding:.8em;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.card-detail .lang{font-weight:700}.type-3{height:24em;width:21em;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.type-3:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.15)}main .portfolio{display:flex;flex-direction:column;gap:2rem}.portfolio h2{margin:0 auto}.portfolio .grid-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto}.type-3 a{text-decoration:none;color:black;background-position:50%}.type-3 .card-detail{background:rgba(255,255,255,.95);border-radius:.6em;padding:1.5em;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.project-emoji{font-size:1.5rem}.skill-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.skill-emoji{font-size:1rem}.card-detail .lang{font-weight:600;font-size:.9rem}.card-detail .level{font-family:var(--font-playfair-display),serif;font-size:.75rem;opacity:.8}.skill-emoji{font-size:1.2rem}.type-3 .card-detail .project-desc{font-size:.85rem;color:#666;margin-top:.5rem;line-height:1.3;flex-grow:1}.card-footer{margin-top:auto;padding-top:1rem}.view-project{font-size:.9rem;font-weight:600;opacity:.7;transition:opacity .3s ease}.type-3:hover .view-project{opacity:1}.type-3:hover{background-size:105%}main .contacts{display:flex;flex-direction:column;gap:2rem}.contact-section{display:flex;gap:4rem;align-items:flex-start}.contact-info{flex:1 1;background:rgba(255,255,255,.6);border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(241,226,209,.2)}.contact-form h3,.contact-info h3{font-family:var(--font-playfair-display),serif;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333}.social-links-list{display:flex;flex-direction:column;gap:1.5rem}.social-link-item{display:flex;align-items:center;gap:1rem}.social-emoji{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(241,226,209,.3);border-radius:50%}.link-info{display:flex;flex-direction:column;gap:.2rem}.link-title{font-weight:600;color:#333;font-size:.9rem}.link-url{color:#666;text-decoration:none;font-size:.85rem;transition:color .3s ease}.link-url:hover{color:#333}.social-links{gap:2rem;flex-wrap:wrap}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;gap:.5rem;padding:1rem 1.5rem;background:rgba(241,226,209,.3);border:2px solid transparent;border-radius:12px;text-decoration:none;color:#333;font-weight:600;transition:all .3s ease;min-width:120px}.social-link:hover{background:#F1E2D1;border-color:#E2D1BD;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-form{flex:1 1;background:rgba(255,255,255,.8);border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(241,226,209,.3)}.contacts form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.contacts form .input-t{display:flex;gap:1rem;align-items:flex-start}.contacts input::placeholder,.contacts textarea::placeholder{font-family:Quicksand,sans-serif;color:#999}.contacts input,.contacts textarea{display:block;margin-bottom:0;padding:1rem;border:2px solid #f0f0f0;border-radius:12px;font-size:.9rem;width:100%;font-family:Quicksand,sans-serif;background:#fff;transition:all .3s ease;resize:vertical}.contacts input:focus,.contacts textarea:focus{outline:none;border-color:#E2D1BD;box-shadow:0 0 0 3px rgba(226,209,189,.1);transform:translateY(-1px)}.contacts textarea{min-height:120px;max-height:200px}.contacts input[type=submit]{background:linear-gradient(135deg,#F1E2D1,#E2D1BD);color:#333;font-weight:600;cursor:pointer;border:none;padding:1rem 2rem;font-size:1rem;transition:all .3s ease;margin-top:.5rem}.contacts input[type=submit]:hover{background:linear-gradient(135deg,#E2D1BD,#D4C2A5);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}footer{display:flex;align-items:center;justify-content:space-around;background-color:#f0e2d3;padding:14px 2%}footer .logo{padding-left:5rem}footer a{text-decoration:none;color:black;font-size:1.7rem;font-weight:800}footer a,footer p{font-family:var(--font-playfair-display),serif}.social-media{display:flex;gap:3rem}.social-media .icon{width:3rem;height:3rem;border-radius:50%;background-size:75%;background-repeat:no-repeat;background-position:50%}.social-media .icon-emoji{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:rgba(241,226,209,.5);transition:all .3s ease}.social-media .icon-emoji:hover{background:#F1E2D1;transform:scale(1.1)}.social-media .twitter{background-image:url(/assets/icons/twitter.svg)}.social-media .Github{background-image:url(/assets/icons/github.svg)}.social-media .linkedIn{background-image:url(/assets/icons/linkedin.svg)}.social-media .email{background-image:url(/assets/icons/email.svg)}@media (max-width:1010px){body{font-size:13px}.skills .grid-container{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.wrapper header .menu-icon{display:block}.skills .grid-container{grid-template-columns:repeat(3,1fr);gap:1.5rem}.portfolio .grid-container{flex-direction:column;align-items:center}.about .card1{display:none}.contact-section{flex-direction:column;gap:2rem}.menu{position:absolute;top:-55px;right:-52px;width:270px;height:21vh;background:#f1e2d1;display:none;flex-direction:column;justify-content:flex-start;opacity:0;transition:opacity .3s ease-in-out}.menu.open{display:flex;opacity:1}.menu ul{flex-direction:column;gap:1rem;justify-content:flex-start;overflow:hidden;padding:1rem}.contacts form{width:100%}}@media (max-width:428px){.menu{width:225px}.skills .grid-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.portfolio .grid-container{flex-direction:column;align-items:center}.input-t{flex-direction:column}.about h2,p{justify-content:center;padding-left:2rem}.hero{flex-direction:column}}