@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}:root{--red:#ff7a7a;--green:#38cc8c;--blue:#6055a5;--darkblue:#3e3c49;--grayishblue:#b9b6d3;--white:#fff}body{font-family:"Poppins","sans-serif";background-image:url(/frontendmentor_intro-component-with-signup-form/static/media/desktop.059183ee.png);background-color:#ff7a7a;background-color:var(--red);font-size:16px}.App{display:flex;justify-content:center;align-items:center;margin:4rem}#intro-section{width:500px;color:#fff;color:var(--white)}h1{font-size:2.4rem;line-height:1.3;margin-bottom:1em}.form-section{color:#fff;color:var(--white);width:500px;margin-left:5rem}#try-btn{border:none;background-color:#6055a5;background-color:var(--blue);color:#fff;width:100%;padding:1rem;font-size:16px;border-radius:.8rem;box-shadow:0 8px 0 rgba(0,0,0,.2);margin-bottom:1.5rem}#try-btn span{font-weight:700}.form{background-color:#fff;background-color:var(--white);border-radius:.8rem;box-shadow:0 8px 0 rgba(0,0,0,.1);padding:.4rem;width:100%}form div input{width:85%;padding:1rem;font-weight:700;border-width:.1px;border-color:#b9b6d3;border-color:var(--grayishblue);border-radius:5px;margin:1rem auto;display:block}.error{border:1.7px solid #ff7a7a;border:1.7px solid var(--red)}input[type=email].error::-webkit-input-placeholder{color:#ff7a7a;color:var(--red)}input[type=email].error::placeholder{color:#ff7a7a;color:var(--red)}input[type=email].error:-ms-input-placeholder{color:#ff7a7a;color:var(--red)}input[type=email].error::-ms-input-placeholder{color:#ff7a7a;color:var(--red)}form div input[name=firstName]{margin-top:2.5rem}form div input:focus{border-style:none;border-width:.6px}button[type=button]{border:none;width:85%;font-size:14px;color:#fff;background-color:#38cc8c;background-color:var(--green);padding:.9rem;font-weight:500;cursor:pointer;border-radius:.3rem;box-shadow:0 5px 0 rgba(0,0,0,.3);align-content:center;margin:0 auto;display:block}button[type=button]:hover{opacity:.7}svg{float:right;margin-right:4rem;transform:translateY(-53px)}form p.error-text{color:#ff7a7a;color:var(--red);font-size:.7rem;font-style:italic;font-weight:600;float:right;margin-top:-12px;margin-right:-52px}.hidden{display:none}.term{color:#b9b6d3;color:var(--grayishblue);font-size:9px;margin-left:1rem;margin-top:1rem;padding-bottom:2rem;text-align:center}.term span{color:#ff7a7a;color:var(--red);font-weight:700}@media (max-width:1000px){h1{font-size:2rem}.form-section{width:70%;margin-left:3rem}}@media (max-width:900px){.App{display:block}h1,p{text-align:center}#intro-section{margin:8vh auto;width:80%}.form-section{margin:5vh auto;width:80%}}@media (max-width:750px){#intro-section,.form-section{width:90%}}@media (max-width:600px){.App{margin:2rem}h1{font-size:1.6rem}p{font-size:14px;text-align:center}#intro-section,.form-section{width:95%}}@media (max-width:415px){.App{margin:1rem}}
/*# sourceMappingURL=main.902bf1bc.chunk.css.map */