input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0px 1000px #3f3f3f inset;-webkit-text-fill-color:#cecece}body{height:100%;background-color:#252525}main{height:100%}.logindialogue button[type="submit"]{position:relative}.logindialogue .field input[type="text"],.logindialogue .field input[type="email"],.logindialogue .field input[type="password"]{border:0;background:transparent;color:#949494;font-size:1.5rem;padding:0}.logindialogue label{width:100px;color:#ffd900;display:block;font-weight:bold}.logindialogue .field i{color:#cecece;margin-right:5px}.logindialogue .field{margin-bottom:10px;width:auto;border-radius:5px;padding:0 10px;transition:0.2s;height:50px;background-color:#3f3f3f}.logindialogue .btn{width:100%;height:50px}.logindialogue .succes .field{height:0;margin:0}.modal_overlay{background:none}.logindialogue{height:100vh}.logindialogue button[type="submit"].done{font-size:0;width:50px;border-radius:50%;overflow:hidden;margin:0 auto !important;display:block}.logindialogue form{border-radius:5px;background-color:#252525;padding:30px;overflow:hidden}.logindialogue form h1{color:#ffd900;text-align:center;margin:0 0 20px 0}.logindialogue span[role=alert]{color:#ffffff;background-color:#ed1558;margin-top:10px;font-weight:bold;text-align:center;display:block;padding:10px 12px;font-size:0.875em;border-radius:5px;background-size:10px 10px;background-image:repeating-linear-gradient(45deg, transparent 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 50%, transparent 50%, transparent 75%, rgba(255,255,255,0.1) 75%)}.logindialogue span[role=alert].failed,.logindialogue span[role=alert].succes{margin-bottom:10px;padding:15px 17px}.logindialogue span[role=alert].succes{background-color:#2ead4a}@media only screen and (min-width: 20em){.logindialogue form{width:100%}}@media only screen and (min-width: 72em){.logindialogue form{width:400px}}