@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;800;900&display=swap";header{height:100vh;padding-top:5em;overflow:hidden;background:var(--color-bg)}.header__container{text-align:center;height:100%;position:relative}h5:nth-of-type(2){letter-spacing:7px;font-weight:800}.cta{margin-top:2.5rem;display:flex;gap:1.2rem;justify-content:center}.header__socials{font-size:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:absolute;left:0;bottom:3rem}.header__socials:after{content:"";width:1px;height:2rem;background:var(--color-primary)}.me{background:var(--color-gradient);width:26rem;height:auto;position:absolute;left:50%;transform:translate(-50%);margin-top:2.75rem;border-radius:220px 220px 0 0;overflow:hidden;padding:3rem 0rem 0rem}.scroll__down{position:absolute;right:-4.6rem;bottom:6.85rem;transform:rotate(90deg);font-weight:300;font-size:2.2rem}.scroll__down:hover{transform:rotate(90deg) var(--transform)}.scroll__down-icon{padding-top:16px}@media screen and (max-width: 600px){header{padding-top:2rem;height:100vh}h1{font-size:2.5rem!important}.subtitle{letter-spacing:2px!important}.me{width:94%;margin-top:2.5rem;justify-content:center}.cta{margin-top:1.7rem;gap:1rem}.header__socials,.scroll__down{display:none}}nav{background:#0000004d;width:max-content;display:block;padding:.7rem 1.7rem;z-index:2;position:fixed;left:50%;transform:translate(-50%);bottom:1rem;display:flex;gap:.8rem;border-radius:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}nav a{background:transparent;padding:.9rem;border-radius:50%;display:flex;color:var(--color-light);font-size:1.1rem}nav a:hover{background:#0000001a}nav a.active{background:var(--color-primary);color:var(--color-bg)}#about{padding:5rem 0rem;background:var(--color-light)}.about__container{display:grid;grid-template-columns:repeat(3,1fr)}.about__me{width:100%;aspect-ratio:1/1;border-radius:2rem;background:linear-gradient(45deg,transparent,var(--color-secondary),transparent);display:grid;place-items:center}.about__me-image{border-radius:2rem;overflow:hidden;transform:rotate(10deg);transition:var(--transition)}.about__me-image:hover{transform:rotate(0)}.about__cards{display:flex;flex-direction:column;gap:1.5rem;margin-right:5rem}.about__card{display:flex;gap:1.5rem;align-items:center;justify-content:left}.about__icon{color:var(--color-primary);width:100px;height:100px;padding:35px}.about__card h3{font-weight:700}.about__card small{font-size:.7rem;color:var(--color-dark)}.about__header>h2{color:var(--color-primary);margin-bottom:1.5rem;font-size:3rem;font-weight:900;line-height:60px}.about__content{font-size:1.25rem;line-height:3rem;align-self:center;grid-column-start:2;grid-column-end:4}.about__content p{font-size:1.25rem}.about__content p:not(.bold){margin-bottom:1rem}.about__text{width:max-content}@media screen and (max-width: 1024px){.about__container{grid-template-columns:1fr;gap:0}.about__me{width:50%;margin:2rem auto 4rem}.about__cards{margin:3rem 0 0;order:1}.about__card{justify-content:center}.about__icon{width:80px;height:80px;padding:25px}.about__content{margin-top:3rem;text-align:center;grid-column-start:1;grid-column-end:-1}.btn__wrapper{text-align:center}}@media screen and (max-width: 600px){.about__me{width:65%;margin:0 auto 3rem}.about__cards{margin-right:0rem}.about__card{margin-bottom:1rem}}#experience{padding:5rem 0rem;background:var(--color-bg)}.experience__frontend>h2{color:var(--color-primary);margin-bottom:3rem;font-size:2.5rem;font-weight:800}.experience__content{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:4rem}.experience__details{display:flex;gap:1rem}.experience__content article{display:block;justify-content:center;text-align:center}.experience__details-icon{margin-top:6px;color:var(--color-primary);font-size:2.2rem}@media screen and (max-width: 1024px){.experience__container{grid-template-columns:1fr}.experience__container>div{width:80%;gap:2rem;margin:0 auto}.experience__content{display:grid;justify-content:center;grid-template-columns:repeat(2,2fr);grid-template-rows:repeat(3,1fr);gap:2rem}}@media screen and (max-width: 600px){.experience__content{display:grid;grid-template-columns:1fr 1fr}.experience__container>div{width:100%}}#portfolio{padding:5rem 0rem}.portfolio__container{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.portfolio__item{position:relative}.portfolio__item-image{border-radius:1.5rem;overflow:hidden;box-shadow:#00000014 0 4px 12px;margin-bottom:2rem}.portfolio__item h3{font-size:1.6em;position:absolute;top:15px;font-weight:600;padding:5px;left:20px;color:#fff}.portfolio__item small{margin:1rem 0 0rem;position:absolute;top:35px;left:20px;padding:10px;color:#fff;font-size:1rem}.portfolio__item-cta{display:flex;gap:1rem;margin-bottom:1rem}@media screen and (max-width: 1024px){.portfolio__container{grid-template-columns:1fr 1fr;gap:1.2rem}}@media screen and (max-width: 600px){.portfolio__container{grid-template-columns:1fr;gap:1rem}.portfolio__item h3,.portfolio__item small{text-shadow:2px 4px 4px rgba(0,0,0,.6)}}#contact{padding:5rem 0rem;background:var(--color-bg)}.container.contact__container{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact__options{display:flex;flex-direction:column;gap:1.2rem;margin-top:-1rem}.contact__option h2{color:var(--color-primary);margin-bottom:3rem;font-size:3rem;font-weight:900;line-height:60px}.contact__option p{color:var(--color-dark);font-size:1.25rem;padding-bottom:1.2rem}.contact__option-icon{padding-top:1.5rem;color:var(--color-secondary)}.contact__option a{margin-top:.7rem;display:inline-block;font-size:.8rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea,.btn-primary{font-family:Lato,sans-serif;font-size:1rem;width:100%;padding:1.5rem;border-radius:.5rem;background:transparent;border:2px solid var(--color-primary);resize:none;color:var(--color-dark)}form input:focus,form textarea:focus,form .btn-primary:focus{outline:none;border:2px solid var(--color-secondary)}form .btn-primary:hover{transform:var(--transform)}@media screen and (max-width: 1024px){.container.contact__container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width: 600px){.container.contact__container{width:var(--container-width-sm)}}footer{background:var(--color-primary);padding:5rem 0rem;text-align:center;font-size:.9rem}footer a{color:var(--color-bg)}footer a:hover{color:var(--color-secondary)}.footer__logo{font-size:2.25rem;font-weight:800;margin-bottom:2rem;display:inline-block}.permalinks{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto 3rem}.footer__socials{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.footer__socials a{font-size:1.2rem;color:var(--color-bg);display:flex}.footer__copyright{margin-bottom:4rem;color:var(--color-bg)}@media screen and (max-width: 600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}}.under-construction{min-height:100vh;height:100vh;background:#fafafa;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.under-construction__container{width:100%;max-width:72rem;padding:2rem;position:relative}.background-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(0,122,255,.05),transparent 60%);pointer-events:none}.under-construction__logo{height:3rem;width:auto;margin-bottom:2rem;display:block;filter:brightness(0)}.under-construction__badge{display:inline-flex;align-items:center;gap:.75rem;background:#00000008;padding:.75rem 1.25rem;border-radius:2rem;margin-bottom:3rem;font-size:.9375rem;font-weight:500;letter-spacing:-.02em;color:#1d1d1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:subtlePulse 3s ease infinite}.under-construction__badge svg{width:1rem;height:1rem;opacity:.8}.under-construction__heading{font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.05;font-weight:600;letter-spacing:-.015em;color:#1d1d1f;margin-bottom:1.5rem}.under-construction__heading span{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-variant));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.under-construction__text{font-size:clamp(1rem,2vw,1.5rem);line-height:1.5;color:#86868b;max-width:40rem;margin-bottom:2rem;font-weight:400;letter-spacing:-.02em}.under-construction__links{display:flex;flex-direction:column;gap:1.5rem}.under-construction__cta{display:inline-flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:500;color:var(--text);letter-spacing:-.02em;transition:all .3s ease;cursor:pointer}.under-construction__cta:hover{color:var(--color-primary);transform:translate(4px)}.under-construction__cta svg{transition:transform .3s ease;cursor:pointer!important}.social-link svg{cursor:pointer!important}.under-construction__socials{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;color:#1d1d1f;background:#00000008;transition:all .3s ease;cursor:pointer}.social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.under-construction__launch{font-size:1rem;color:#86868b;font-weight:400;letter-spacing:-.01em}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width: 768px){.under-construction,.under-construction__container{padding:1rem}.under-construction__badge{margin-bottom:2rem}}*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--color-bg: #f8f7f2;--color-bg-variant: #1C1C1F;--color-primary: #2a4d4b;--color-primary-variant: #3c6e6b;--color-secondary: #EDBF48;--color-secondary-variant: #F26440;--color-white: #fff;--color-light: rgba(255, 255, 255, .6);--color-gradient: linear-gradient(180deg, var(--color-secondary), transparent);--transition: all .4s ease;--transform: scale(1.1);--container-width-lg: 75%;--container-width-md: 86%;--container-width-sm: 90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{font-family:Lato,sans-serif;color:var(--color-bg-variant);line-height:1.7}.container{width:var(--container-width-lg);margin:0 auto}h1{font-weight:900;font-size:3.5rem}h2{font-weight:900;font-size:2.5rem}h2,h3,h4,h5{font-weight:500}h5{font-size:1rem}.section__header>h2{text-align:center;color:var(--color-primary);margin-bottom:3rem;font-size:3rem;font-weight:900;line-height:60px}header h5,.section__header h5{font-weight:100;letter-spacing:2.5px;text-align:center;color:var(--color-bg-variant)}.text-green{color:var(--color-primary)}.background-green{background:var(--color-primary)}.background-yellow{background:var(--color-secondary)}.background-orange{background:var(--color-secondary-variant)}.text-yellow{color:var(--color-secondary)}.text-dark{color:var(--color-bg-variant)}.text-light{color:var(--color-light)}.bold{font-weight:900}.underline__yellow{text-decoration:none;box-shadow:inset 0 -7px #edbf48,0 2px #edbf48;transition:box-shadow .3s;color:inherit;overflow:hidden}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-primary-variant);transform:var(--transform)}.btn:focus,input:focus{outline:none;border:2px solid var(--color-secondary)}.btn{width:max-content;display:inline-block;color:var(--color-primary);padding:.75rem 1.2rem;border-radius:.4rem;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition);font-size:1rem}.btn:hover{background:var(--color-primary-variant);color:var(--color-bg);border-color:transparent}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-variant);color:var(--color-white)}img{display:block;width:100%;object-fit:cover}@media screen and (max-width: 1024px){.container{width:var(--container-width-md)}}@media screen and (max-width: 600){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}