*{margin:0;padding:0}body{background-color:rgba(165,42,42,.2)}body .form{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fde1b0;height:550px;width:600px;border-radius:25px;border:3px solid brown}body .form h1{text-align:center;font-size:2.5rem;margin:5px 0;color:brown}body .form .input span{margin:10px}body .form .input span p{font-size:1.5rem;margin:0 0 0 45px}body .form .input span input{width:90%;display:flex;justify-content:center;margin:0 auto;height:35px;font-size:1.3rem;padding:0 0 0 20px;border:2px solid brown;border-radius:25px;color:rgba(165,42,42,.5);outline:none}body .form .input span input::-moz-placeholder{font-size:1.3rem;color:gray}body .form .input span input::placeholder{font-size:1.3rem;color:gray}body .form .unten{position:absolute;bottom:1px;width:100%}body .form .unten .weiter{display:flex;flex-direction:column}body .form .unten .weiter input{width:90%;display:flex;justify-content:center;margin:5px auto;height:40px;border:2px solid brown;border-radius:25px;cursor:pointer;font-size:1.4rem;background-color:brown;color:#fde1b0;font-weight:bolder}body .form .unten .weiter input.mit:hover{color:green;background-color:#90ee90}body .form .unten .weiter input.set:hover{color:red;background-color:#f08080}body .form .unten .weiter p{margin:10px 0 0 0;font-size:1.25rem;text-align:center}body .form .unten .weiter p a{color:brown}body .form .unten .weiter p a:hover{color:rgba(165,42,42,.5)}