@font-face{font-family:"Defused Extended Bold";font-display:block;font-weight:400;font-style:normal;src:url(../../fonts/defused.eot?) format("eot"),url(../../fonts/defused.woff) format("woff"),url(../../fonts/defused.ttf) format("truetype"),url(../../fonts/defused.svg#Defused-ExtendedBold) format("svg")}
body{background-image:radial-gradient(circle,#323232 0%,#191919 25%,#000 70%);color:#fff}
a{color:#d3d3d3;text-decoration:none}
a:hover{color:#fff;text-decoration:none}

#buttons > div {flex:1 1 0;}
button.cbtn{border:none;color:#d3d3d3;width:100%;height:30px;text-align:center;border-radius:4px;background:#3a3f48!important;transition:all .3s linear}
button.cbtn:not([disabled]):hover{color:#16c7ff!important;box-shadow:inset 0 0 1em #6c757d!important}
button[disabled],i.disabled{color:gray!important;opacity:.5!important}

#toast-container .toast{font-size:1em!important;max-width:600px}
#toast-container a{text-decoration:underline!important}
#form{min-width:300px;text-align:center}
#form .app{font-family:"Defused Extended Bold",sans-serif;font-size:4em;animation:blurAnim 1.5s linear}
@keyframes blurAnim { 0%{filter:blur(50px)} 100%{filter:blur(0);} }
#form .title{font-family:"Arial Black",sans-serif;font-size:1.5em;font-weight:700;color:rgba(255,255,255,.3)}
#loading-line{height:3px;width:100%;position:absolute;overflow:hidden;z-index:500}
.loading-animation::before{content:"";position:absolute;left:-50%;height:3px;width:80%;background:linear-gradient(to right,rgba(22, 199, 255,0),#16c7ff,rgba(22, 199, 255,0));animation:loading-animation 2s linear infinite}
@keyframes loading-animation { 0%{left:-50%} 50%{left:20%;width:80%} 100%{left:100%;width:100%} }
#form .none {display:none;}
.fielderror{box-shadow: 0 0 5px red !important}