*{box-sizing:border-box}html{font-family:Verdana,Arial,Helvetica,sans-serif;color:#fff}body,html{background-color:#323232;overflow-x:hidden;margin:0;padding:0;width:100%;height:100%}body{margin-bottom:60px}.error{position:absolute;top:0;left:0;right:0;text-align:center;color:#ff6565}.page{width:100%;height:100%}.home,.login{width:100%;height:100%;display:flex;flex-direction:column}.login{justify-content:center;align-items:center;position:relative}.login input{border:none;border-radius:8rem;background:#585858;font-size:3rem;width:8rem;position:relative;padding:1rem;text-align:center;color:#fff}.login input+label{position:absolute;transform:translateY(-100px)}.login button{margin-top:2rem}.menu{display:flex;flex-direction:row;padding:1rem;justify-content:space-between;width:100%}.menu-btn{flex-grow:0}.info{flex-grow:1}button{border:2px solid #fff;border-radius:5px;background:#323232;color:#fff;text-transform:uppercase;padding:4px 16px}button.buzzer{width:100%;align-self:center;flex-grow:1;background-color:#2a3698;color:#fff;font-weight:900;font-size:3rem;transition:background-color .1s}button.buzzer:active{background-color:#2a9853}.admin{display:flex;flex-direction:column}.admin .admin-content{margin-top:2rem;display:flex;justify-content:center;align-items:flex-start}.admin .admin-content .groups-list{flex-grow:1;font-size:.8rem}.admin .admin-content .answers-queue{flex-grow:1}.admin .admin-content .answers-queue .answer{font-size:.8em;padding:.7rem 1rem;border-radius:12px;margin:1rem}.admin .admin-content .answers-queue .answer:first-of-type{font-size:1.8em}.admin .admin-content .answers-queue .answer:nth-of-type(2){font-size:1.4em}.admin .admin-content .answers-queue .answer:nth-of-type(3){font-size:1em}.admin .admin-content .answers-queue .answer span.highlight{font-size:2rem}.admin .admin-content .answers-queue .answer:nth-child(odd){background:#3b3b3b}.admin .admin-content .answers-queue .answer:nth-child(2n){background:#4f4f4f}.admin .admin-btn{margin:0 1rem}.admin .admin-btn:nth-of-type(2) button{border-color:#ff6565;color:#ff6565}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.connection-status{position:fixed;width:100%;height:2px;top:0;left:0;background:#ff5900}.connection-status.success{background:#7fff00}.loading{position:absolute;margin:0 auto;left:0;right:0;display:block;text-align:center}.loading>svg{width:100px;height:100px}.admin-waiting{text-align:center;font-size:12px}@media (max-width:600px){.admin-content{font-size:12px}}