*,*::before,*::after{box-sizing:border-box;}body{margin:0;padding:0;font-family:'Roboto',sans-serif;font-size:15px;background-color:#20212a;background-image:url(/img/gradient.svg);background-repeat:repeat;background-attachment:fixed;background-position:50% 50%;background-clip:border-box;background-origin:padding-box;background-size:100% 100%;display:flex;flex-direction:column;justify-content:center;min-height:100vh;color:#e1e1e1;min-width:320px;}.hidden{display:none;}#login-form{width:300px;margin:0 auto;padding:20px 10px;}.message{padding:7px 12px;color:#fff;text-align:center;margin-bottom:20px;font-weight:bold;}.message-error{background-color:#ff5555;}.message-success{background-color:#5cb85c;}.field-row{display:flex;align-items:center;margin:10px 0;flex-wrap:wrap;}.field-row .name{font-weight:bold;margin-right:5px;flex:1 0 50px;padding-right:10px;}.field-row .brand,.field-row .input{flex:3 0 100px;}.field-row .input input{width:100%;height:40px;font-size:15px;box-sizing:border-box;padding:7px;}.brand a{color:#ccc;font-size:17px;font-weight:bold;text-decoration:none;transition:color .3s;}.brand a:hover{color:#fff;}.centered-row{display:flex;justify-content:center;align-items:center;}.centered-row input[type=checkbox]{margin:0;}.centered-row label{margin-left:10px;}.button-row{margin:25px;text-align:center;}.field-row button{box-sizing:border-box;padding:10px;font-size:15px;margin:5px 0;}.go-portal{position:absolute;left:10px;top:10px;}.go-portal a{display:block;padding:10px;color:#333;background-color:#fff;font-weight:bold;text-decoration:none;}.go-portal a:hover{background-color:#fd0;}.go-portal a:before{content:"←";margin-right:10px;}