#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}body,#app{width:100%;height:100%;margin:0!important;padding:0!important;font-family:Verdana,Geneva,Tahoma,sans-serif}#app{display:flex;align-items:center;justify-content:center}.loading-screen{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;display:flex;justify-content:center;background-image:url(/assets/background-bef2078b.png);background-size:cover}.loading-text-container{width:30%;height:30%;font-family:Verdana,Geneva,Tahoma,sans-serif;text-transform:uppercase;font-weight:900;font-size:1.2em;position:absolute;bottom:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-text-container .icon{font-size:5em;border-radius:10px}.game-interface-container{position:absolute;top:0px;z-index:2;height:70px;width:100%;display:none;align-items:center;justify-content:center}.player-label-container{height:70px;width:17%;margin-top:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,0,0,.7);transition:background-color 1s ease}.player-label-container .icon{font-size:1.5em;margin-right:10px}#player-nickname{font-size:1.5em;color:#000;font-weight:700;text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif}.error-container{position:fixed;top:25%;z-index:50;width:100%;height:50%;display:none;justify-content:center;align-items:center}.error-container .message{position:absolute;padding:0 50px;background-color:#ffb6c1;color:red;border-radius:10px;display:flex;align-items:center;max-width:60%;min-height:30%}.error-container .message .quit{position:absolute;top:10px;right:10px;cursor:pointer}.error-container .message p{font-size:1.2em;margin:20px}.error-container .message .icon{font-size:2em}.menu-container{width:100%;height:100%;position:absolute;top:0px;margin:auto;z-index:5;background-color:#0000004d;display:none}.active{display:block!important}.button-container{padding-top:10%;display:none}.button-container button{background-color:#000c;border-style:ridge;border-radius:10px;border-width:5px;padding:15px 32px;cursor:pointer;display:block;font-size:1.5em;font-weight:700;text-transform:uppercase;color:#fff;width:20%;margin:30px auto auto}.button-container .active-btn:hover{background-color:#2a5de8}.button-container .active-btn:active{background-color:#00f;box-shadow:0 5px #666;transform:translateY(4px)}.button-container .disabled-btn{border:1px solid #999999!important;background-color:#ccc!important;color:#666!important}.settings-container{background-color:#fff;width:50%;margin:5% auto auto;padding-top:10px;min-height:40%;border-radius:10px;display:none;justify-content:center;align-items:center}.settings-container h1{text-align:center}.settings-container .settings-content{display:flex;align-items:center;font-size:1.2em}.settings-container .settings-content p{margin-left:40px;margin-right:10px}.settings-container .settings-content .switch{margin-right:40px;margin-left:auto}.settings-container .settings-content input:checked+.slider{background-color:green}.settings-container .icon{font-size:2em;cursor:pointer}.settings-container .quit{margin-right:10px;float:right}input[type=text],select{width:30%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1.5em}input[type=submit]{width:100%;font-size:1.5em;text-transform:uppercase;background-color:#2a5de8;color:#fff;padding:14px 20px;margin-top:20px;border:none;border-radius:4px;cursor:pointer}input[type=submit]:hover{background-color:#45a049}.offline-players-form{background-color:#3aa2ff;width:50%;margin:-5% auto auto;padding:20px;border-radius:10px}.offline-players-form h1{text-align:center}.player-container{display:flex;align-items:center;justify-content:center}.player-container .player-color{width:3em;height:3em;margin-right:20px}.player-container .icon{margin-right:20px;margin-left:20px;font-size:3em}.player-container .active-icon{cursor:pointer}.add-player-container{align-items:center;justify-content:center;display:none}.add-player-container .icon{font-size:3em;color:green;cursor:pointer}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}