@font-face{font-family:"Roboto";src:url("./assets/fonts/Roboto-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Roboto";src:url("./assets/fonts/Roboto-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}html,body{height:100%}body{font-family:"Roboto";font-size:16px;background-color:hsl(235,18%,26%)}#subscribe-form{background-color:#fff}#subscribe-form.display-none{display:none}#subscribe-form>picture{display:block}#subscribe-form>picture>img{width:100%}#subscribe-form>main{margin-inline:24px;padding-block:36px 48px}#subscribe-form>main>h1{font-size:40px;margin-bottom:21px}#subscribe-form>main>p{line-height:24px;margin-bottom:24px}#subscribe-form>main>ul{list-style:none;margin-bottom:42px}#subscribe-form>main>ul>li{position:relative;line-height:24px;padding-left:37px;margin-bottom:10px}#subscribe-form>main>ul>li::before{content:"";position:absolute;left:0;top:0;width:21px;aspect-ratio:1/1;background:url("./assets/images/icon-list.svg") no-repeat center/contain}#subscribe-form>main>#email-wrapper{position:relative}#subscribe-form>main>#email-wrapper>label{font-size:12px;font-weight:700;margin-bottom:10px;display:block}#subscribe-form>main>#email-wrapper>input{display:block;width:100%;height:54px;border-radius:6px;border:1px solid hsla(0,0%,58%,.5);padding-inline:24px;font-size:16px;margin-bottom:26px;color:hsl(0,0%,58%)}#subscribe-form>main>#email-wrapper>span.error{display:none;position:absolute;color:hsl(4,100%,67%);font-size:12px;font-weight:700;right:0;top:0px}#subscribe-form>main>#email-wrapper.error>span.error{display:unset}#subscribe-form>main>#email-wrapper.error>input{border-color:hsl(4,100%,67%);background-color:hsla(4,100%,67%,.14)}#subscribe-form>main>#email-wrapper.error>input::-moz-placeholder{color:hsl(4,100%,67%)}#subscribe-form>main>#email-wrapper.error>input::placeholder{color:hsl(4,100%,67%)}#subscribe-form>main>input[type=submit]{display:block;width:100%;height:54px;border-radius:6px;border-width:0;padding-inline:24px;font-size:16px;background-color:hsl(234,29%,20%);color:#fff;font-weight:500}#subscribe-form>main>input[type=submit]:hover{background-image:linear-gradient(to right, hsl(350, 100%, 67%), hsl(4, 100%, 67%));box-shadow:0px 18px 28px 0px hsla(4,100%,67%,.5)}#subscribe-message{background-color:#fff;padding:40px 24px 40px 24px;display:flex;flex-direction:column;justify-content:center;height:100vh}#subscribe-message.display-none{display:none}#subscribe-message>img{margin-top:auto;margin-bottom:40px;width:-moz-fit-content;width:fit-content}#subscribe-message>h1{font-size:40px;margin-bottom:24px;line-height:40px}#subscribe-message>p{margin-bottom:152px;line-height:24px}#subscribe-message>button{margin-top:auto;height:56px;background-color:hsl(234,29%,20%);color:#fff;border-radius:8px;border-width:0;font-size:15px;font-weight:600}#subscribe-message>button:hover{background-image:linear-gradient(to right, hsl(350, 100%, 67%), hsl(4, 100%, 67%));box-shadow:0px 18px 28px 0px hsla(4,100%,67%,.5)}@media(min-width: 600px){body{min-height:900px;display:flex;flex-direction:column;align-items:center;justify-content:center}#subscribe-form{height:-moz-fit-content;height:fit-content;padding:32px;border-radius:32px;max-width:620px;margin-inline:auto;margin-top:32px}#subscribe-form>picture{width:100%}#subscribe-form>main{margin-inline:0px;padding-bottom:0}#subscribe-form>main>h1{font-size:48px}#subscribe-message{margin-block:0px;height:auto;border-radius:36px;width:504px;padding-inline:64px;padding-block:48px 64px;border-radius:32px;margin-inline:auto}#subscribe-message>h1{font-size:48px;line-height:1em}#subscribe-message>p{margin-bottom:40px}#subscribe-message>img,#subscribe-message>button{margin-top:0}}@media(min-width: 900px){body{min-height:1080px}#subscribe-form{max-width:unset;width:-moz-fit-content;width:fit-content;margin-top:24px;margin-inline:auto;padding:24px;position:relative;border-radius:38px;display:flex;flex-direction:row-reverse}#subscribe-form>picture{margin:0;width:400px}#subscribe-form>picture>img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#subscribe-form>main{width:376px;margin-inline:38px 66px}#subscribe-form>main>h1{margin-top:32px;font-size:56px}#subscribe-form>main>input[type=submit]{font-weight:500}#subscribe-message>h1{font-size:56px}}/*# sourceMappingURL=style.css.map */