input{padding:15px;margin:10px 0 5px;font-size:15px;border-radius:5px;border:1px solid grey;outline:none}label{font-size:14px;color:#2c1616;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.formInput{display:flex;width:400px;flex-direction:column}span{font-size:12px;padding:5px;color:red;font-family:sans-serif;display:none}input:invalid[focused=true]{border:1px solid red}input:invalid[focused=true]~span{display:block}*{margin:0}.App{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3)),url(https://cdn.pixabay.com/photo/2017/08/30/01/05/milky-way-2695569_960_720.jpg);background-size:cover;background-position:50%}h1{color:#ff3434;text-align:center;font-family:"Neonderthaw",cursive;font-size:50px}form{background-color:#fff;padding:10px 25px;border-radius:7px;box-shadow:0 4px 8px 0 rgba(35,34,34,.714),0 6px 20px 0 rgba(54,65,72,.911)}button{width:80%;height:50px;padding:10px;border:none;background-color:#eb3553;color:#fff;border-radius:2px;font-weight:700;font-size:20px;cursor:pointer;margin-left:30px;margin-top:20px;margin-bottom:30px;transition:all .2s ease-in-out}button:hover{background-color:#bf5062;border-radius:5px}
/*# sourceMappingURL=main.39a87a97.chunk.css.map */