@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@600;700;800&display=swap);.baner{align-items:center;background:linear-gradient(140deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid var(--line);border-radius:2rem;box-shadow:var(--shadow);display:flex;flex-wrap:wrap-reverse;gap:2rem;isolation:isolate;justify-content:space-between;margin:1.6rem auto 2.2rem;padding:2.8rem;position:relative;width:min(92%,1120px)}@media only screen and (max-width:901px){.baner{margin-top:1rem;padding:1.4rem}}.baner .left{flex:1 1 450px}@media only screen and (max-width:901px){.baner .left{text-align:center}.baner .left .h1-bg{justify-content:center}}.baner .left .h1-bg{display:flex;margin-bottom:1rem}.baner .left .h1-bg h1{background:#0c8f881a;border:1px solid #0c8f8859;border-radius:999px;color:var(--brand)!important;font-size:clamp(2rem,4vw,3.6rem);margin-bottom:0!important;padding:.5rem 1.2rem}.baner .left h1:last-of-type{font-size:clamp(1.7rem,3.3vw,3rem);line-height:1.08;margin-bottom:.8rem}.baner .left h2{color:var(--muted);font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:500;margin-bottom:.8rem}.baner .left p{color:#334341;font-size:clamp(1rem,1.8vw,1.2rem)}.baner .right{align-items:center;display:flex;flex:1 1 450px;justify-content:center;min-height:340px;position:relative}@media only screen and (max-width:901px){.baner .right{min-height:260px}}.baner .right .shapeOne{animation:shape 6s ease-in-out infinite alternate;background:linear-gradient(160deg,#0c8f88d9,#f27e50e6);border-radius:52% 48% 58% 42%/43% 55% 45% 57%;filter:blur(1px);height:clamp(220px,36vw,390px);position:absolute;width:clamp(220px,36vw,390px);z-index:-1}.baner .right img{animation:banerImage 4s ease-in-out infinite alternate;aspect-ratio:1;border:4px solid #ffffffb3;border-radius:1.6rem;box-shadow:0 20px 50px #18212147;object-fit:cover;width:clamp(210px,28vw,320px)}@keyframes shape{0%{transform:rotate(-4deg) translateY(-8px)}to{transform:rotate(6deg) translateY(10px)}}@keyframes banerImage{0%{transform:translateY(-5px)}to{transform:translateY(7px)}}footer{background:#162221;border:1px solid #ffffff29;border-radius:1.1rem;margin:3rem auto 1.2rem;padding:1rem;width:min(92%,1120px)}footer h4{color:#d8ebe8;font-size:clamp(.9rem,1.6vw,1rem);font-weight:500;letter-spacing:.02em;text-align:center}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfaf5b8;border-bottom:1px solid var(--line);padding:.9rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:30}header .logoContainer{align-items:center;display:flex;margin:0 auto;width:min(92%,1120px)}header .logoContainer .logo{aspect-ratio:1;border:2px solid #ffffffb3;border-radius:1.2rem;box-shadow:0 14px 24px #0c8f8838;display:inline-flex;overflow:hidden;width:4.4rem}header .logoContainer .logo img{animation:logoFloat 5s ease-in-out infinite;height:100%;object-fit:cover;width:100%}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.main-know{margin:3rem auto;width:min(92%,1120px)}.main-know h1{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:1rem;text-align:left}.main-know .container{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start;width:100%}.main-know .container .skillChip{background-color:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 7px 18px #16252414;display:flex;height:4.2rem;padding:.65rem;transition:transform .2s ease,box-shadow .2s ease;width:4.2rem}.main-know .container .skillChip:hover{box-shadow:0 10px 24px #16252424;transform:translateY(-3px)}.main-know .container .skillChip img{height:100%;object-fit:contain;width:100%}.projects{margin:2.6rem auto;width:min(92%,1120px)}.projects .projectsHeader{margin-bottom:1.1rem}.projects .projectsHeader h2{font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:.4rem}.projects .projectsHeader p{color:var(--muted);max-width:700px}.projects .apps{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:flex-start;margin:0 auto;padding:.2rem;width:100%}.projects .apps .singleApp{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:1.2rem;box-shadow:0 12px 24px #1726241a;display:flex;flex:1 1 285px;flex-direction:column;gap:.8rem;justify-content:flex-start;max-width:19rem;min-height:100%;padding:.7rem;transition:transform .25s ease,box-shadow .25s ease}@media only screen and (max-width:531px){.projects .apps .singleApp{max-width:100%}}.projects .apps .singleApp:hover{box-shadow:0 16px 34px #17262429;transform:translateY(-4px)}.projects .apps .singleApp .imgAnchor{border-radius:1rem;display:flex;overflow:hidden;width:100%}.projects .apps .singleApp .imgAnchor img{border-radius:1rem;height:13.5rem;object-fit:cover;transition:transform .35s ease;width:100%}.projects .apps .singleApp .imgAnchor img:hover{transform:scale(1.06)}.projects .apps .singleApp h4{font-size:1.2rem}.projects .apps .singleApp .buttonVisit{background-color:var(--brand);border-radius:999px;color:#fff;font-size:.95rem;font-weight:700;padding:.45rem;text-align:center;text-decoration:none;transition:background-color .25s ease,transform .2s ease;width:min(100%,120px)}.projects .apps .singleApp .buttonVisit:active{background-color:#fff;color:#000;transform:scale(.97)}.projects .apps .singleApp .buttonVisit:hover{background-color:var(--brand-2)}.form-main{background:#0000;border-radius:10px;padding:1.2rem 1.2rem .3rem}.form-main .form{width:100%}.form-main .form h1{color:var(--text);font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.6rem;text-align:center}.form-main .form form{display:flex;flex-direction:column;gap:.8rem;margin:0 auto;width:100%}.form-main .form form input{background-color:#fffefb;border:1px solid #cebfa8;border-radius:.8rem;font-family:Space Grotesk,sans-serif;font-size:1rem;outline:none;padding:.75rem .85rem;transition:border-color .2s ease,box-shadow .2s ease}.form-main .form form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0c8f8826}.form-main .form form textarea{background-color:#fffefb;border:1px solid #cebfa8;border-radius:.8rem;font-family:Space Grotesk,sans-serif;font-size:1rem;padding:.75rem .85rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease}.form-main .form form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0c8f8826;outline:none}.form-main .form form input[type=submit]{background-color:var(--brand);border:0;border-radius:.9rem;color:#fff;cursor:pointer;font-weight:700;margin-top:.2rem;transition:background-color .25s ease,transform .2s ease}.form-main .form form input[type=submit]:hover{background-color:var(--brand-2)}.form-main .form form input[type=submit]:active{transform:scale(.98)}.form-main .recaptcha{display:flex;justify-content:center;margin-top:1rem;padding:0 0 1rem;width:100%}.form-main .recaptcha>div{transform-origin:center}@media only screen and (max-width:460px){.form-main .recaptcha{justify-content:flex-start;overflow-x:auto}}.contact{background:linear-gradient(180deg,#fffdf8,#f4ede2);border:1px solid var(--line);border-radius:1.3rem;box-shadow:var(--shadow);margin:2rem auto;overflow:hidden;width:min(92%,760px)}.contact .info{flex-wrap:wrap;gap:1rem;padding:.8rem 1.2rem 1.3rem}.contact .info,.contact .info .spanEmail{align-items:center;display:flex;justify-content:center}.contact .info .spanEmail{background:#fff9;border:1px solid var(--line);border-radius:.9rem;color:var(--text);gap:.6rem;padding:.55rem .8rem}.contact .info .spanEmail h2{font-size:1rem;margin:0;padding:0;white-space:nowrap}.contact .info .spanEmail a{color:var(--brand-2);font-size:.95rem;margin:0;padding:0;text-decoration:none;transition:color .25s ease}.contact .info .spanEmail a:hover{color:var(--accent)}.contact .info .spanEmail a:active{transform:scale(.9)}.contact .info .spanLogo{width:2.8rem}.contact .info .spanLogo a{background:var(--text);border-radius:.8rem;display:flex;padding:.4rem;transition:transform .25s ease,background-color .25s ease}.contact .info .spanLogo a:hover{background:var(--brand-2);transform:translateY(-2px)}.contact .info .spanLogo a img{height:100%;width:100%}:root{--bg:#f6f2ea;--surface:#fffdf8;--surface-2:#f3ede2;--text:#1f2b2a;--muted:#576665;--line:#d7cec0;--brand:#0c8f88;--brand-2:#0e706b;--accent:#f27e50;--shadow:0 16px 40px #1d2d2c1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 10%,#0c8f8829,#0000 35%),radial-gradient(circle at 80% 0,#f27e5033,#0000 40%),linear-gradient(180deg,#fcfaf5,#f6f2ea 35%,#f0e8dc);background:radial-gradient(circle at 15% 10%,#0c8f8829,#0000 35%),radial-gradient(circle at 80% 0,#f27e5033,#0000 40%),linear-gradient(180deg,#fcfaf5 0,var(--bg) 35%,#f0e8dc 100%);color:#1f2b2a;color:var(--text);font-family:Space Grotesk,sans-serif;min-height:100vh}body::-webkit-scrollbar{width:11px}body::-webkit-scrollbar-track{background:#e7dfd3}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0c8f88,#0e706b);background:linear-gradient(180deg,var(--brand),var(--brand-2));border-radius:999px}h1,h2,h3,h4{font-family:Syne,sans-serif;letter-spacing:-.02em}a{color:inherit}.App{min-height:100vh}
/*# sourceMappingURL=main.28714480.css.map*/