:root{--main-color-100: hsl(223, 100%, 88%);--main-color-500: hsl(223, 87%, 63%);--main-color-500-hover: hsla(223, 87%, 63%, .75);--main-color-500-shadow: hsla(223, 87%, 63%, .23);--netral-100: hsl(0, 0%, 100%);--netral-400: hsl(0, 0%, 59%);--netral-900: hsl(209, 33%, 12%);--error-400: hsl(354, 100%, 66%)}:root{--main-font-family: "Libre Franklin", sans-serif;--font-weight-light: 300;--font-weight-semibold: 600;--font-weight-bold: 700}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body{display:grid;margin:0;min-height:100svh;scrollbar-gutter:stable;font-family:var(--main-font-family);font-weight:var(--font-weight-light);font-optical-sizing:auto;font-style:normal}img{max-inline-size:100%;block-size:auto;object-fit:cover}.visually-hidden{position:absolute!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.remove-list-defaults{margin:initial!important;padding:initial!important}.remove-list-defaults li::marker{content:""!important}.main-wrapper{display:grid;margin:5.25rem 1.75rem auto;max-width:44.5rem;text-align:center;position:relative}@media (min-width: 48rem){.main-wrapper{margin:5.35rem auto auto}}.main-heading{font-size:1.25rem;line-height:1.25;font-weight:var(--font-weight-light);margin-block:0 .65rem;color:var(--netral-400)}.main-heading strong{font-weight:var(--font-weight-bold);color:var(--netral-900)}@media (min-width: 48rem){.main-heading{font-size:3rem;margin-block:0 1.15rem}}.main-logo{display:block;margin:auto;width:100%;max-width:3.375rem;margin-bottom:2.8rem}@media (min-width: 48rem){.main-logo{max-width:5.375rem;margin-bottom:2.9rem}}.main-form{display:grid;width:100%;max-width:17.625rem;margin:auto;position:relative;opacity:100;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out}@media (min-width: 48rem){.main-form{display:flex;flex-wrap:wrap;max-width:40rem;justify-content:center;align-content:center;gap:0 1rem;margin-bottom:5.5rem}}.main-form.submited{opacity:0;pointer-events:none}.main-form__label{font-size:.75rem;line-height:1.25;color:var(--netral-900);margin-bottom:2.45rem}@media (min-width: 48rem){.main-form__label{flex-basis:100%;font-size:1.25rem}}.main-form__email-input{font-family:inherit;font-size:.75rem;padding:.782rem .5rem .782rem 1.5rem;border-radius:2rem;border:solid thin var(--main-color-100);margin-bottom:.5rem}@media (min-width: 48rem){.main-form__email-input{font-size:1rem;width:100%;max-width:421px;margin-bottom:0;padding-left:2rem}}.main-form__email-input::placeholder{color:var(--netral-400)}.main-form__email-input.error{border-color:var(--error-400)}.main-form__button{font-family:inherit;font-size:.75rem;line-height:1.25;font-weight:var(--font-weight-semibold);color:var(--netral-100);background:var(--main-color-500);border:0;border-radius:2rem;padding:.782rem .5rem;margin-bottom:4.18rem;box-shadow:0 5px 10px 2px var(--main-color-500-shadow);transition-property:transform,background;transition-duration:.3s;transition-timing-function:ease-out}.main-form__button:hover{background:var(--main-color-500-hover)}@media (min-width: 48rem){.main-form__button{font-size:1rem;margin-bottom:0;width:100%;max-width:200px;padding:1.125rem 1.5rem}}.error+.main-form__button{transform:translateY(2.35rem)}@media (min-width: 48rem){.error+.main-form__button{transform:translateY(0)}}.validation-message{font-size:0;color:var(--error-400);transition-property:font-size;transition-duration:.3s;transition-timing-function:ease-out;margin:0;position:absolute;width:100%;top:6.5rem}@media (min-width: 48rem){.validation-message{top:8.25rem;left:2rem;text-align:initial}}.validation-message.error{font-size:.75rem}.confirmation-message{position:absolute;width:100%;top:10.5rem;color:var(--main-color-500);animation-name:slideIn;animation-duration:.3s;animation-timing-function:ease-out}@keyframes slideIn{0%{opacity:0}to{opacity:100}}@media (min-width: 48rem){.main-banner{width:100%;max-width:640px;margin:auto}}.social-nav{display:flex;gap:1rem;margin:7.5rem auto 1.5rem}.social-nav .social-nav__list{display:contents}.social-nav .social-nav__link{overflow:hidden;display:block;width:2rem;aspect-ratio:1;border:solid thin var(--main-color-100);border-radius:100%;align-content:center;transition-property:transform,background;transition-duration:.3s;transition-timing-function:ease-in-out}.social-nav .social-nav__link .social-nav__image{width:60%;margin-top:20%;fill:var(--main-color-500);transition-property:fill;transition-duration:.3s;transition-timing-function:ease-in-out}.social-nav .social-nav__link .social-nav__image--twitter{margin-left:7.5%}.social-nav .social-nav__link .social-nav__image--instagram{width:72%;margin-top:15%;margin-left:3%}.social-nav .social-nav__link:hover{background:var(--main-color-500)}.social-nav .social-nav__link:hover .social-nav__image{fill:#fff}@media (min-width: 48rem){.social-nav{margin:4.4rem auto 1.5rem}}.copyright{font-size:.75rem;line-height:1.25;margin-block:0;color:var(--netral-400)}