form{width:150%}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{min-height:100vh;display:flex;justify-content:center;background-color:#f7f7f7}.illustration img{max-height:500px;width:auto;border-radius:10px;box-shadow:0 0 10px #0000001a}.wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:800px;margin:0 auto;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}.wrapper p{font-size:.85rem;margin-top:1rem;color:#666}.form{padding:1.5rem;flex-basis:100%;justify-content:center}.form .heading{font-size:1.5rem;font-weight:700;text-align:center;color:#333}.or{margin:1rem 0;font-size:.85rem;color:#666}.form label{display:block;margin:1.25rem 0 1rem;font-size:.85rem;color:#666}.form input{height:50px;padding:15px;background-color:#fff;border:2px solid #ccc;border-radius:2px;color:#000;width:100%}.form button{width:100%;height:40px;background-color:#310576;color:#fff;text-transform:uppercase;letter-spacing:1px;border:none;display:block;margin:0 auto;font-weight:700;margin-top:1.5rem;border-radius:8px;cursor:pointer}.form button:hover{filter:brightness(95%)}.form button:active{transform:scale(.98)}.selectors{background-color:#1a202c}@media (min-width: 542px){.wrapper{flex-direction:row;justify-content:space-around;padding:1.5rem;max-width:1100px}.form{flex-basis:40%}.illustration img{max-width:80%;height:auto}}@media (max-width: 680px){.illustration{display:none}}.signUp .illustration{order:2;justify-self:flex-end;margin-left:2rem}