body,html{background-color:#264583;color:#f5f5f5;margin:0}*{font-family:Arial,Helvetica,sans-serif}h1{margin:48px}form{justify-content:center}.App,form{align-items:center;display:flex;flex-direction:column;text-align:center}.App{box-sizing:border-box;min-height:100vh;padding-top:32px}.midPageControls,.roomInfoPanel{align-items:center;display:flex;flex-direction:column}.connectPanel{margin:96px 0;padding:20px}.connectPanel,.connectedUsers{background-color:#192c51;border-radius:5%}.connectedUsers{margin-bottom:48px;padding:12px}h2{margin:12px 32px}input[type=text]{font-size:20px;height:36px;margin:8px;padding-left:12px;width:256px}.freeBuzzerButton,input[type=submit]{background-color:#365fab;border:none;color:#f5f5f5;font-size:18px;height:36px;margin:16px;width:128px}.topButtonBar{background-color:#264583;height:80px;left:0;position:fixed;top:0;width:100vw;z-index:100}.leaveButton,.showPasswordButon{border:none;box-sizing:border-box;color:#f5f5f5;font-size:18px;height:48px;padding:4px 12px;position:fixed;top:16px;z-index:100}.leaveButton{background-color:#ca5a5a;left:16px;width:144px}.showPasswordButon{background-color:#242424;right:16px;width:168px}.showPasswordButon:hover{background-color:#313131}.leaveButton:hover{background-color:#e36666}.showPasswordButon:active{background-color:#161616}.leaveButton:active{background-color:#b04f4f}.freeBuzzerButton:hover,input[type=submit]:hover{background-color:#4274d1}.freeBuzzerButton:active,input[type=submit]:active{background-color:#254277}.adminName{color:#fc0}.buzzerButton{background-color:#e8e8e8;border:14px solid #c2c2c2;border-radius:100%;box-shadow:6px 6px 14px #0009;color:#22224b;font-size:56px;height:500px;margin-bottom:24px;margin-top:64px;padding:32px;transition:transform .1s,background-color .2s,border .2s;width:500px}.buzzerButton:hover:enabled{background-color:#f5f5f5}.buzzerButton:active:enabled{background-color:#dadada;box-shadow:1px 1px 4px #000c;transform:scale(.99)}@media only screen and (max-width:600px){.buzzerButton{font-size:40px;height:360px;width:360px}}@media only screen and (min-width:850px){.roomInfoPanel{left:-16px;position:fixed;top:25vh}.connectedUsers{padding-left:24px}.midPageControls{margin-left:250px}}@media only screen and (min-width:1100px){.midPageControls{margin-left:0}}.buzzerButton:disabled{color:#323270}.green-bg{background-color:#6fe366;border:14px solid #56b04f}.green-bg,.red-bg{box-shadow:none;transform:scale(.99);transition:transform .1s,background-color .2s,border .2s}.red-bg{background-color:#e36666;border:14px solid #b04f4f}
/*# sourceMappingURL=main.c06799a5.css.map*/