#root{max-width:1280px;margin:0 auto}.sign-up-container{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:20px 25px 15px 10px;border-radius:20px;width:900px}*:focus{outline:none}.main-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:400px;margin:50px}ul{list-style-type:none;padding:0;margin:20px 0 10px}li{display:flex;align-items:center;margin-bottom:10px;gap:10px}.email{font-size:12px;font-weight:700;margin-bottom:8px}.main-text input{border-radius:10px;border:1px solid var(--clr-grey);padding:18px;margin-bottom:20px;width:90%;font-family:Roboto;font-weight:400;cursor:pointer}.sign-up-container h1{font-weight:700;font-size:55px;margin-bottom:10px}button{background-color:var(--clr-dark-slate-grey);color:var(--clr-white);border-radius:10px;padding:20px 0;margin:0 0 30px;font-weight:400;border:none;width:100%;cursor:pointer}button:hover{background:linear-gradient(90deg,rgba(255,82,123,1) 0%,rgba(255,106,58,1) 100%);box-shadow:0 10px 15px 5px var(--clr-hover)}.invalid-input{border:1px solid red;color:red}.email_valid{display:flex;align-items:baseline;justify-content:space-between;font-size:12px}.invalid{color:var(--clr-tomato);margin-left:210px;font-weight:700}.not-valid{background-color:var(--clr-hover);border:1px solid var(--clr-tomato)}.mobileImg{display:none}@media only screen and (max-width: 375px){body{margin:0;padding:0}.sign-up-container{flex-direction:column;align-items:center;width:100%;border-radius:0;padding:0;margin:0;height:100vh}.main-text{width:80%}.sign-up-container h1{font-weight:700;font-size:45px;margin-bottom:10px;margin-top:-25px}.desktopImg{display:none}.mobileImg{display:block;width:100%}.invalid{color:var(--clr-tomato);margin-left:95px;font-weight:700}.not-valid{background-color:var(--clr-hover);border:1px solid var(--clr-tomato)}.main-text input{width:87%}}.success_container{width:350px;height:350px;background-color:#fff;border-radius:20px;padding:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.title{font-weight:700;font-size:50px}.top{margin-bottom:-25px}.success-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:90%}.success-text2{display:inline-block;width:300px}.success-p{font-size:14px}span{font-weight:700}.success-btn{margin-top:10px}.success-img{width:50px;margin-bottom:20px}@media only screen and (max-width: 375px){.success_main{width:100%;height:100vh}.success_container{width:375px;height:100vh;background-color:#fff;border-radius:0;display:flex;justify-content:center;padding:100px 20px 0}.success-btn{margin-top:250px;width:90%}}:root{--clr-tomato: hsl(4, 100%, 67%);--clr-hover: hsla(4, 100%, 80%, .692);--clr-dark-slate-grey: hsl(234, 29%, 20%);--clr-charcoal-grey: hsl(235, 18%, 26%);--clr-grey: hsl(231, 7%, 60%);--clr-white: hsl(0, 0%, 100%);font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#000;background-color:var(--clr-charcoal-grey);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{font-weight:700}