.app{display:flex;align-items:center;justify-content:center;height:100dvh;background:linear-gradient(#ffffffb3,#ffffff4d),url(https://images.pexels.com/photos/114979/pexels-photo-114979.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500);background-size:cover;background-position:center}form{background-color:#ffffff80;padding:0px 2rem;border-radius:10px;filter:drop-shadow(3px 3px 5px hsla(0,0%,0%,.1))}h2{color:#000000a6;text-align:center;margin-block:2rem}button{width:100%;height:50px;padding:10px;border:none;background-color:#639;color:#fff;border-radius:5px;font-weight:700;font-size:18px;cursor:pointer;margin-top:15px;margin-bottom:30px}.formInput{display:flex;flex-direction:column;width:280px}input{padding:15px;margin:10px 0;border-radius:5px;border:1px solid gray}label{font-size:12px;color:gray}span{font-size:12px;padding:3px;color:red;display:none;margin-block-start:-.7rem;margin-block-end:1rem}input:invalid[focused=true]{border:1px solid red}input:invalid[focused=true]~span{display:block}input:focus-visible{outline:1px solid rebeccapurple}.firstLetter{text-transform:capitalize}