.app{align-items:center;background:linear-gradient(hsla(0,0%,100%,.7),hsla(0,0%,100%,.5)),url(https://images.pexels.com/photos/18105/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) no-repeat 50%/cover;display:flex;flex-direction:column;height:100vh;justify-content:center}form{background:#fff;border-radius:10px;box-shadow:10px 10px 5px 0 rgba(0,0,0,.75);padding:10px 60px}h1{color:#450645;text-align:center}button{background:#639;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:50px;margin:15px 0 10px;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:5px 0}input:invalid[focused=true]{border:1px solid red}input:invalid[focused=true]~span{display:block}
/*# sourceMappingURL=main.56fff969.css.map*/