@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--red: hsl(4, 100%, 67%);--blue-800: hsl(234, 29%, 20%);--blue-700: hsl(235, 18%, 26%);--grey: hsl(0, 0%,58%);--border-grey:hsla(0, 0%, 72%, .39);--White: hsl(0, 0%, 100%) }*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}button:hover{cursor:pointer}img{display:block}#root{width:100vw;height:100vh}.center-content{justify-content:center;align-items:center}.d-flex{display:flex}h1{font-size:2.4rem;margin-bottom:1.3rem}.card-buttons{width:100%;padding:1.3rem 0;background:var(--blue-800);border:none;border-radius:8px;color:#fff;font-weight:800;font-size:1rem;margin-top:1.8em}.card-buttons:hover{background:linear-gradient(90deg,#ff6682,#ff6257);box-shadow:0 10px 15px #ff625780}.active{display:block}.success-message{width:87%;margin:auto;background-color:#fff}.success-message>img{margin-top:10em}.success-message>h1{margin-top:1em}.success-message>p{line-height:25px}.dismiss-button{margin-top:12em}@media all and (min-width:1024px){.success-message{width:32%;padding:3.5em;border-radius:30px;width:450px}.success-message>h1{font-size:3rem;margin-top:.8em}.dismiss-button,.success-message>img{margin:0}}.newsletter-input-card{display:block}.text-section{width:87%;margin:2.4em auto auto}.image-wrapper{max-height:400px;overflow:hidden;border-radius:20px}.headerImage{width:100%;max-height:400px;object-fit:cover;height:100%}.text-section{color:var(--blue-800)}h1+p{margin-bottom:2rem}li>img{align-self:flex-start;margin-right:.9em}li{margin-bottom:1em}.email-section{margin-top:2.5em}#input-label,.error-message{font-size:.8rem;font-weight:700}.error-message{margin-left:auto;color:var(--red)}.email-input{width:100%;margin-top:.7em;padding:1.2em 1.8em;border-radius:8px;border:2px solid var(--border-grey);color:#000}.email-input:focus{border:2px solid var(--red);outline:none}.email-input.error{background-color:#ff00005e;color:red}@media all and (min-width:1024px){#root{display:flex;justify-content:center;align-items:center;background-color:var(--blue-800)}.newsletter-input-card{display:flex;flex-direction:row-reverse;width:65%;padding:1.5em;background-color:#fff;border-radius:30px;max-width:1000px}.image-wrapper{width:45%;max-height:600px}.headerImage{max-height:600px}.text-section{padding:1em;margin:0;align-self:center;width:55%}}@media all and (min-width:1400px){.text-section h1{font-size:3.2rem}.info-section p,.text-section li{font-size:1.2rem}}