body{font-family:'Roboto', sans-serif;background:black repeat center center fixed;background-size:cover;color:black;font-weight:300;background:#328637}#main-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}h1{line-height:110%;font-weight:300;text-shadow:0px 3px 5px black}::-webkit-input-placeholder{color:placeholder_color}:-moz-placeholder{color:#ccc;opacity:1}::-moz-placeholder{color:#ccc;opacity:1}:-ms-input-placeholder{color:#ccc}::-ms-input-placeholder{color:#ccc}#name{color:white}h1{font-family:"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;font-size:80px;padding:80px 50px;text-align:center;text-transform:uppercase;text-rendering:optimizeLegibility;padding-bottom:20px;user-select:none}h1.elegantshadow{color:#131313;background-color:#e7e5e4;letter-spacing:0.15em;text-shadow:1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2}h1.deepshadow{color:#e0dfdc;background-color:#333;letter-spacing:0.1em;text-shadow:0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9)}h1.insetshadow{color:#202020;background-color:#2d2d2d;letter-spacing:0.1em;text-shadow:-1px -1px 1px #111, 2px 2px 1px #363636}h1.retroshadow{color:#2c2c2c;background-color:#d5d5d5;letter-spacing:0.05em;text-shadow:4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2)}#login{border-radius:5px 5px 5px 5px;padding:20px;width:320px;height:220px;background:white;padding-bottom:80px;box-shadow:0px 1px 5px rgba(0, 0, 0, 0.3);text-transform:uppercase;position:relative;margin-bottom:25vh}#login button:focus{outline:0}#login.wrong button{background-color:#b3000c}#login.wrong button .spinner,#login.error button .spinner,#login.loaded{display:none}#login .icons{font-size:70px;font-style:normal;position:absolute;top:15%;left:0;height:20px;width:100%;text-align:center;opacity:0}#login.error button .warning{opacity:1}#login.wrong button .cross{opacity:1}#login.ok button .loaded{opacity:1}#login.loading button{max-height:100%;padding-top:50px}#login.loading button .spinner{opacity:1;top:40%}#login.ok button{background-color:#5f8433}#login.error button{background-color:#b38900}#login.ok button .spinner{border-radius:0;border:none;box-shadow:none;animation:none}#login .login-row{overflow-x:hidden;border-radius:2px;border:1px solid #006ac1;position:relative;margin-bottom:10px}#login .login-row .icon,#login .login-row input{transition:all 0.2s ease-in}#login .login-row .icon{position:absolute;left:-35px;top:0;bottom:0;width:35px;background:#006ac1;margin:0;display:table-cell;vertical-align:middle;text-align:center;float:left;z-index:5;line-height:50px}#login .login-row .icon i.fa{color:#fff;font-size:1em}#login .login-row input:focus{padding-left:50px}#login .login-row input:focus + .icon{left:0}#login .login-row input{height:50px;display:inline-block;float:left;padding:4px 10px;margin:0;width:100%;outline:none;border:none;color:black;position:relative;box-sizing:border-box;outline:none;background-color:transparent}#login a{font-size:0.8em;color:#006ac1;text-decoration:none}#login .title{color:#444;font-size:1.2em;font-weight:bold;margin:10px 0 30px 0;border-bottom:1px solid #eee;padding-bottom:20px}#login button{width:100%;height:100%;padding:10px 10px;background:#006ac1;color:#fff;display:block;border:none;margin-top:20px;position:absolute;left:0;bottom:0;max-height:60px;border:0px solid rgba(0, 0, 0, 0.1);border-radius:0 0 2px 2px;transform:rotateZ(0deg);transition:all 0.1s ease-out;border-bottom-width:7px;z-index:10}#login button .spinner{display:block;width:40px;height:40px;position:absolute;border:4px solid #fff;border-top-color:rgba(255, 255, 255, 0.3);border-radius:100%;left:50%;top:0;opacity:0;margin-left:-20px;margin-top:-20px;animation:spinner 0.6s infinite linear;box-shadow:0px 1px 0px rgba(0, 0, 0, 0.2)}#login:not(.loading) button:hover{box-shadow:0px 1px 3px #006ac1}#login:not(.loading) button:focus{border-bottom-width:4px}.cross{font-size:90px}@keyframes spinner{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(359deg)}}*{box-sizing:border-box}input,button{font-size:1rem}@media screen and (max-width:800px){input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select:focus,textarea{font-size:16px}}