:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:600;color-scheme:light dark;color:#ffffffde;background-color:var(--clr-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;background-color:var(--clr-bg)}#root{background-color:var(--clr-bg);width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){h1{font-size:2.5em}}.nav__list{margin-right:1.5em;display:flex;gap:2em;list-style:none}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-left:1.5em;cursor:pointer;padding:0;background-color:transparent;border:none;color:var(--clr-fg);transition:color .2s ease-in-out}.nav__theme:hover{color:var(--clr-primary)}.nav__theme svg{width:1.5rem;height:1.5rem;transition:transform .2s ease-in-out}.nav__theme:hover svg{transform:rotate(360deg)}@media (max-width: 37.5rem){.nav__list{display:none;position:absolute;top:5em;left:0;right:0;background-color:var(--clr-bg);padding:1rem;flex-direction:column;align-items:center;gap:1rem}.nav__list.nav__list--show{display:flex}.nav__hamburger{display:block;color:var(--clr-fg);background:none;border:none;cursor:pointer;padding:.5rem}.nav__hamburger:hover{color:var(--clr-primary)}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{height:8em;max-width:75rem;width:95%;margin:0 auto;justify-content:space-between}@media (max-width: 37.5rem){.header{height:6em;width:90%;margin:auto}}.about{flex-direction:column;margin-top:2em;flex:1;max-width:50%}.about__layout{display:flex;flex-direction:row;align-items:center;width:100%;min-height:80vh;justify-content:space-between;gap:3rem;padding:2rem 0}.about__layout--row{flex-direction:row}.about__name{color:var(--clr-primary)}.about__role{margin-top:.4em}.about__desc{font-size:1rem;max-width:37.5rem}.about__desc,.about__contact{margin-top:1.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width: 37.5rem){.app .about{align-items:flex-start;margin-top:2em}}.about__img{width:100%;max-width:21.875rem;height:auto;border-radius:5%;flex-shrink:0}@media (max-width: 64rem){.about__layout{flex-direction:column;text-align:center;gap:2rem;min-height:auto;padding:1rem 0}.about{max-width:100%;margin-top:1rem}.about__img{max-width:18.75rem;margin-top:1rem}.about .link--icon{margin-right:.6em;margin-left:.6em}}@media (max-width: 37.5rem){.about__layout{gap:1.5rem;padding:.5rem 0}.about{margin-top:.5rem}.about__desc{font-size:.9rem;max-width:100%;text-align:justify}.about__img{max-width:12.5rem}.about__contact{flex-direction:row;gap:1rem}.about .btn--outline{margin-right:0;margin-bottom:.5rem}}.project{padding:2.5rem 2rem;margin:0 auto;text-align:left;border-radius:1.5rem;background:var(--clr-bg-alt);box-shadow:var(--shadow);border:1px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:linear-gradient(90deg,var(--clr-primary),transparent,var(--clr-primary));transform:scaleX(0);transition:transform .4s ease}.project:hover:before{transform:scaleX(1)}.project:hover{transform:translateY(-.75rem) scale(1.02);box-shadow:var(--shadow),0 1rem 2rem rgba(var(--clr-primary-rgb, 41, 120, 181),.15);border-color:var(--clr-primary)}.project__header{margin-bottom:1.5rem;position:relative}.project__title{font-size:1.5rem;font-weight:600;color:var(--clr-fg);margin:0;position:relative;transition:color .3s ease}.project:hover .project__title{color:var(--clr-primary)}.project__description{margin-bottom:1.5rem;color:var(--clr-fg-alt);line-height:1.6;font-size:.95rem}.project__stack{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 2rem;padding:0;list-style:none}.project__stack-item{padding:.5rem 1rem;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt);background:var(--clr-bg-alt);border:1px solid var(--clr-primary);border-radius:2rem;transition:all .3s ease;position:relative;overflow:hidden}.project__stack-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--clr-primary);transition:left .3s ease;z-index:-1}.project__stack-item:hover{color:var(--clr-bg);transform:translateY(-.125rem)}.project__stack-item:hover:before{left:0}.project__actions{display:flex;gap:1rem;align-items:center}.project__link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--clr-bg);border:1px solid var(--clr-bg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project__link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%);z-index:-1}.project__link:hover:before{width:100%;height:100%}.project__link:hover{transform:translateY(-.25rem) scale(1.1);color:var(--clr-bg);border-color:var(--clr-primary)}.project__link svg{font-size:1.25rem;transition:transform .3s ease}.project__link:hover svg{transform:scale(1.1) rotate(5deg);color:var(--clr-bg)}@media (max-width: 48rem){.project{padding:2rem 1.5rem;text-align:center}.project__stack,.project__actions{justify-content:center}}@media (max-width: 37.5rem){.project{padding:1.5rem 1rem}.project__title{font-size:1.25rem}.project__description{font-size:.9rem}}.projects{padding:4rem 2rem;background-color:var(--clr-bg);text-align:center;position:relative;overflow:hidden}.projects:before{content:"";position:absolute;top:-50%;right:-20%;width:40%;height:200%;background:linear-gradient(135deg,transparent,var(--clr-primary));opacity:.03;transform:rotate(25deg);pointer-events:none}.section__title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--clr-primary),var(--clr-fg));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;width:100%;text-transform:uppercase;letter-spacing:.05em}.section__title:after{content:"";position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%);width:4rem;height:.25rem;background:linear-gradient(90deg,transparent,var(--clr-primary),transparent);border-radius:.125rem;animation:titleUnderline 2s ease-in-out infinite alternate}@keyframes titleUnderline{0%{width:3rem;opacity:.7}to{width:5rem;opacity:1}}.projects__grid{max-width:112.5rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:2.5rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 48rem){.projects{padding:3rem 1rem}.section__title{font-size:2rem;margin-bottom:2rem}.projects__grid{padding:0 1rem;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:2rem}}@media (max-width: 37.5rem){.projects{padding:2rem .5rem}.section__title{font-size:1.75rem;margin-bottom:1.5rem}.projects__grid{padding:0 .5rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem}}.skills{position:relative;overflow:hidden;padding:4rem 2rem}@media (max-width: 48rem){.skills{padding:3rem 0}}@media (max-width: 37.5rem){.skills{padding:2rem 0}}.skills:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--clr-primary)10,transparent 50%,var(--clr-primary)05);pointer-events:none;opacity:.1}.skills__content{position:relative;z-index:2;width:100%;max-width:75rem;margin:0 auto;padding:0 1rem}.skills .section__title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--clr-primary),var(--clr-fg));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;width:100%;text-align:center}@media (max-width: 48rem){.skills .section__title{font-size:2rem;margin-bottom:2rem}}@media (max-width: 37.5rem){.skills .section__title{font-size:1.75rem;margin-bottom:1.5rem}}.skills .section__title:after{content:"";position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%);width:3.75rem;height:.1875rem;background:var(--clr-primary);border-radius:.125rem}.skills__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15.625rem,100%),1fr));gap:1.5rem;width:100%;margin:0;padding:0;list-style:none}.skills__list-item{position:relative;padding:1.8rem 1.5rem;background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(255,255,255,.05) 100%);border:.0625rem solid rgba(255,255,255,.1);border-radius:1rem;font-weight:600;font-size:clamp(.9rem,2vw,1rem);text-align:center;text-transform:capitalize;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;box-shadow:0 .125rem .25rem -.0625rem #0000000d,0 .0625rem .125rem -.0625rem #00000008,inset 0 .0625rem #ffffff26;-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);display:flex!important;align-items:center;justify-content:center;gap:.8rem;min-height:4.0625rem}.skill-icon{font-size:clamp(1.2rem,3vw,1.5rem);color:var(--clr-fg);transition:all .3s ease;filter:drop-shadow(0 .125rem .25rem rgba(0,0,0,.1));flex-shrink:0}.skill-name{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skills__list-item:hover .skill-icon{transform:scale(1.25) rotate(5deg);filter:drop-shadow(0 .25rem .5rem rgba(0,0,0,.2))}.skills__list-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--clr-primary)20,transparent);transition:left .5s ease}.skills__list-item:hover:before{left:100%}.skills__list-item:hover{transform:translateY(-.375rem) scale(1.02);border-color:var(--clr-primary);background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(var(--clr-primary-rgb, 67, 233, 233),.1) 100%);box-shadow:0 .5rem 1rem -.25rem #00000014,0 .25rem .5rem -.125rem #00000008,0 0 0 .0625rem rgba(var(--clr-primary-rgb, 67, 233, 233),.2)}.skills__list-item:nth-child(1){animation-delay:.1s}.skills__list-item:nth-child(2){animation-delay:.2s}.skills__list-item:nth-child(3){animation-delay:.3s}.skills__list-item:nth-child(4){animation-delay:.4s}.skills__list-item:nth-child(5){animation-delay:.5s}.skills__list-item:nth-child(6){animation-delay:.6s}.skills__list-item:nth-child(7){animation-delay:.7s}.skills__list-item:nth-child(8){animation-delay:.8s}.skills__list-item:nth-child(9){animation-delay:.9s}.skills__list-item:nth-child(10){animation-delay:1s}.skills__list-item:nth-child(n+11){animation-delay:1.1s}@keyframes skillFadeIn{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}.skills__list-item{animation:skillFadeIn .6s ease-out both}.skills__list-item:active{transform:translateY(-.25rem) scale(1.02)}.skills__list-item:focus{outline:none;border-color:var(--clr-primary);box-shadow:var(--shadow),0 0 0 .1875rem rgba(var(--clr-primary-rgb, 67, 233, 233),.3)}@media (max-width: 64rem){.skills{padding:3.5rem 1.5rem}.skills__list{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem}.skills__list-item{padding:1.5rem 1.25rem;gap:.6rem;min-height:3.75rem}}@media (max-width: 48rem){.skills{padding:3rem 1rem}.skills__content{padding:0 .5rem}.skills .section__title{margin-bottom:2rem}.skills__list{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem}.skills__list-item{padding:1.25rem 1rem;gap:.5rem;min-height:3.5rem;border-radius:.8rem}.skill-name{font-size:clamp(.9rem,2.2vw,1.1rem)}}@media (max-width: 37.5rem){.skills{padding:2.5rem .75rem}.skills__content{padding:0}.skills .section__title{margin-bottom:1.5rem}.skills__list{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.8rem}.skills__list-item{padding:1rem .8rem;gap:.4rem;min-height:3.25rem;border-radius:.6rem}.skills__list-item{flex-direction:row;flex-wrap:nowrap}}@media (max-width: 30rem){.skills{padding:2rem .5rem}.skills__list{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.6rem}.skills__list-item{padding:.875rem .6rem;gap:.3rem;min-height:3rem;border-radius:.5rem}.skill-name{font-size:clamp(.8rem,2vw,.95rem)}}@media (max-width: 22.5rem){.skills{padding:1.5rem .25rem}.skills__list{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem}.skills__list-item{padding:.75rem .5rem;gap:.25rem;min-height:2.75rem;flex-direction:column}.skill-icon{font-size:1rem}.skill-name{font-size:.75rem;line-height:1.2}}@media (hover: none) and (pointer: coarse){.skills__list-item:hover{transform:none;border-color:#ffffff1a;background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(255,255,255,.05) 100%);box-shadow:0 .125rem .25rem -.0625rem #0000000d,0 .0625rem .125rem -.0625rem #00000008,inset 0 .0625rem #ffffff26}.skills__list-item:hover .skill-icon{transform:none;filter:drop-shadow(0 .125rem .25rem rgba(0,0,0,.1))}.skills__list-item:hover:before{left:-100%}}.dark .skills__list-item{background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(255,255,255,.08) 100%);border-color:#ffffff26;box-shadow:0 .125rem .25rem -.0625rem #0000004d,0 .0625rem .125rem -.0625rem #0006,inset 0 .0625rem #ffffff1a}.dark .skills__list-item:hover{background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(67,233,233,.15) 100%);box-shadow:0 .5rem 1rem -.25rem #0006,0 .25rem .5rem -.125rem #000c,0 0 0 .0625rem #43e9e94d}.light .skills__list-item{background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(255,255,255,.8) 100%);border-color:#0000000d;box-shadow:0 .125rem .25rem -.0625rem #0000000a,0 .0625rem .125rem -.0625rem #00000005,inset 0 .0625rem #ffffffe6}.light .skills__list-item:hover{background:linear-gradient(135deg,var(--clr-bg-alt) 0%,rgba(41,120,181,.1) 100%);box-shadow:0 .5rem 1rem -.25rem #0000001a,0 .25rem .5rem -.125rem #0000000a,0 0 0 .0625rem #2978b533}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width: 56.25rem){.scroll-top{display:none}}.contact{flex-direction:column;padding:4rem 0;max-width:75rem;margin:0 auto}@media (max-width: 48rem){.contact{padding:3rem 0}}@media (max-width: 37.5rem){.contact{padding:2rem 0}}.contact__container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%;margin-top:2rem}@media (max-width: 48rem){.contact__container{gap:2rem;margin-top:1.5rem}}@media (max-width: 37.5rem){.contact__container{gap:1.5rem;margin-top:1rem}}.contact__subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--clr-primary);text-align:center}@media (max-width: 37.5rem){.contact__subtitle{font-size:1.25rem;margin-bottom:1rem}}.contact__methods{display:flex;flex-direction:column;align-items:center}.contact__cards{display:flex;flex-direction:column;gap:1rem;width:100%}.contact__card{display:flex;align-items:center;padding:1.5rem;background:var(--clr-bg-alt);border:.125rem solid transparent;border-radius:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.contact__card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.contact__card:hover:before{left:100%}.contact__card:hover,.contact__card--active{transform:translateY(-.25rem);border-color:var(--clr-primary);box-shadow:0 .5rem 1.5625rem #00000026}.contact__card-icon{display:flex;align-items:center;justify-content:center;width:3.125rem;height:3.125rem;border-radius:50%;margin-right:1rem;color:#fff;font-size:1.5rem;transition:transform .3s ease}.contact__card:hover .contact__card-icon{transform:scale(1.1)}.contact__card-content{flex:1}.contact__card-content h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--clr-fg)}.contact__card-content p{margin:0;font-size:.9rem;color:var(--clr-fg-alt)}.contact__card-arrow{font-size:1.2rem;color:var(--clr-primary);opacity:0;transform:translate(-.625rem);transition:all .3s ease}.contact__card:hover .contact__card-arrow{opacity:1;transform:translate(0)}.contact__form-container{display:flex;flex-direction:column;align-items:center}.contact__form{width:100%;max-width:31.25rem}.form__group{margin-bottom:1.5rem;position:relative}.form__input,.form__textarea{width:100%;padding:1rem;border:.125rem solid var(--clr-bg-alt);border-radius:.5rem;background:var(--clr-bg);color:var(--clr-fg);font-size:1rem;transition:all .3s ease;font-family:inherit}.form__input:focus,.form__textarea:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 .1875rem rgba(var(--clr-primary-rgb),.1);transform:translateY(-.125rem)}.form__input--error,.form__textarea--error{border-color:#e74c3c;animation:shake .5s ease-in-out}.form__textarea{resize:vertical;min-height:7.5rem}.form__error{color:#e74c3c;font-size:.85rem;margin-top:.5rem;display:block;animation:fadeIn .3s ease}.contact__submit{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;display:flex!important;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;transition:all .3s ease}.contact__submit:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.5625rem #0003}.contact__submit--loading{pointer-events:none}.contact__submit-spinner{width:1.25rem;height:1.25rem;border:.125rem solid transparent;border-top:.125rem solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.contact__submit-icon{transition:transform .3s ease}.contact__submit:hover .contact__submit-icon{transform:translate(.25rem)}.contact__success{text-align:center;padding:2rem;background:var(--clr-bg-alt);border-radius:.75rem;border:.125rem solid #27ae60;animation:slideIn .5s ease}.contact__success-icon{font-size:3rem;color:#27ae60;margin-bottom:1rem;animation:bounce .6s ease}.contact__success h4{margin:0 0 .5rem;color:var(--clr-fg);font-size:1.3rem}.contact__success p{margin:0;color:var(--clr-fg-alt);font-size:1rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-.3125rem)}75%{transform:translate(.3125rem)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.625rem)}60%{transform:translateY(-.3125rem)}}@media (max-width: 48rem){.contact__container{grid-template-columns:1fr;gap:2rem}.contact__card{padding:1rem}.contact__card-icon{width:2.5rem;height:2.5rem;font-size:1.2rem}.contact__subtitle{font-size:1.3rem}}@media (max-width: 30rem){.contact{padding:2rem 1rem}.contact__card{flex-direction:column;text-align:center;gap:.5rem}.contact__card-icon{margin-right:0;margin-bottom:.5rem}.contact__card-arrow{display:none}}.footer{padding:3em 0;margin-top:4em;text-align:center}.footer__link{font-size:.9rem;font-weight:600;color:var(--clr-fg)}@media (max-width: 37.5rem){.footer{padding:2em;margin-top:3em}}.app{font-family:Poppins,sans-serif;line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg);width:100%;min-height:100vh}.light{--clr-bg: #fcfcfc;--clr-bg-alt: #fff;--clr-fg: #555;--clr-fg-alt: #444;--clr-primary: #2978b5;--shadow: rgba(100, 100, 111, .2) 0 .4375rem 1.8125rem 0}.dark{--clr-bg: #131313;--clr-bg-alt: #265255;--clr-fg: #bdbddd;--clr-fg-alt: #cdcdff;--clr-primary: #43e9e9;--shadow: rgba(0, 0, 0, .16) 0 .625rem 2.25rem 0, rgba(0, 0, 0, .06) 0 0 0 .0625rem}main{max-width:75rem;width:100%;margin:0 auto;padding:0 1rem}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.center{display:flex;align-items:center}.link{color:var(--clr-primary);padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:hover:before,.link:focus:before{width:100%}.link--nav{color:var(--clr-fg);text-transform:lowercase;font-weight:500}.link--icon{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;text-transform:lowercase;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:.125rem solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:hover,.btn--outline:focus{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:hover:before,.btn--outline:focus:before{right:0}.btn--plain{text-transform:initial;background-color:var(--clr-bg-alt);box-shadow:#00000026 0 .1875rem .1875rem;border:0}.btn--plain:hover{transform:translateY(-.25rem)}.btn--icon{padding:0}.btn--icon:hover,.btn--icon:focus{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-.3125rem)}@media (max-width: 37.5rem){.section{margin-top:1.5em}main{max-width:95%;padding:0 .75rem}}@media (max-width: 30rem){.section{margin-top:1em}main{max-width:100%;padding:0 .5rem}}