.app{align-items:center;background:linear-gradient(hsla(0,0%,100%,.7),hsla(0,0%,100%,.3)),url(https://images.pexels.com/photos/114979/pexels-photo-114979.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center}form{background-color:#fff;border-radius:10px;padding:0 60px}h1{color:#4d014d;text-align:center}button{background-color:#639;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:50px;margin-bottom:30px;margin-top:15px;padding:10px;width:100%}.formInput{display:flex;flex-direction:column;width:280px}input{border:1px solid gray;border-radius:5px;margin:10px 0;padding:15px}label{color:gray}label,span{font-size:12px}span{color:red;display:none;padding:3px}input:invalid[focused=true]{border:1px solid red}input:invalid[focused=true]~span{display:block}
/*# sourceMappingURL=main.ad92bb8e.css.map*/