body{font-family:Arial,sans-serif}.loginPageParent,body{background-color:#282a36;color:#b0cbe8}.loginPageParent{align-items:center;display:flex;height:100vh;justify-content:center}.loginPage{background-color:#33374d;border-radius:10px;box-shadow:0 4px 8px #00000080;padding:40px;text-align:center;width:400px}h1{color:#b0cbe8;margin-bottom:20px}input[type=password],input[type=text]{background-color:#444857;border:2px solid #b0cbe8;border-radius:8px;color:#b0cbe8;margin-bottom:15px;padding:12px;width:100%}input[type=submit]{background-color:#66b3ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.1rem;padding:12px;transition:background-color .3s;width:100%}input[type=submit]:hover{background-color:#3385cc}.main-container{display:flex;flex-direction:column;height:100vh}.logo-container{background-color:#282a36;display:flex;height:5%;justify-content:center;position:fixed;top:0;width:100%}.logo{height:auto;width:auto}.content{align-items:center;background-color:#282a36;flex-grow:1;height:75vh;overflow-y:auto;top:5%}.content,.navbar{position:fixed;width:100%}.navbar{background-color:#33374d;bottom:0;display:flex;height:15%;justify-content:space-evenly;padding:10px 0}.navbar a{align-items:center;background-color:#66b3ff;border-radius:8px;color:#4a4a4a;display:block;font-size:.8rem;padding:12px 18px;text-align:center;text-decoration:none;transition:background-color .3s;width:180px}.navbar a:hover{background-color:#3385cc}.navbar h1{color:#333}.navbar-submenu{align-items:center;background-color:#33374d;border-radius:10px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;height:70vh;margin-left:auto;margin-right:auto;margin-top:20px;padding:20px;width:300px}.navbar-submenu a{background-color:#66b3ff;border-radius:8px;color:#000;display:block;font-size:1.1rem;margin-bottom:10px;padding:12px 18px;text-align:center;text-decoration:none;transition:background-color .3s;width:80%}.navbar-submenu a:hover{background-color:#3385cc}.addUserWithButton{flex-direction:column;height:45vh;margin:10vh 0;width:auto}.addUserContainer,.addUserWithButton{background-color:#33374d;border-radius:10px;box-shadow:0 4px 8px #00000080;color:#b0cbe8;display:flex;gap:20px;padding:20px}.addUserContainer{flex-direction:row;height:40vh;margin:0;width:90%}.addUserContainer label{color:#b0cbe8;display:block;font-size:1rem}.addUserContainer input,.addUserContainer select{background-color:#444857;border:2px solid #b0cbe8;border-radius:8px;color:#b0cbe8;font-size:1rem;width:100%}.addUserWithButton button{background-color:#66b3ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.1rem;transition:background-color .3s;width:100%}.addUserWithButton button:hover{background-color:#3385cc}.addUserContainer .message{color:#66b3ff;font-size:1.1rem;margin-top:20px;text-align:center}.addUserContainer .message.error{color:#f66}.addUserContainer .message.success{color:#66b3ff}.input-group{display:flex;flex-wrap:wrap;margin:1%}.input-group label{flex-basis:100%}.input-group input,.input-group select{flex:1 1;height:22px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background-color:#444857;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#33374d;border:2px solid #33374d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#33374d}::-webkit-scrollbar-button{display:none}.matchInputs{background-color:#33374d;border-radius:10px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px;padding:20px;width:100%}.matchInputs label{color:#b0cbe8;font-size:1rem;margin-bottom:5px}.matchInputs input[type=text],.matchInputs select{background-color:#444857;border:2px solid #b0cbe8;border-radius:8px;color:#b0cbe8;font-size:1rem;margin-bottom:15px;padding:12px;width:100%}#matchCreateAndUploadButtonsSection{display:flex;flex-direction:row}#matchCreateSubmit{background-color:#66b3ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.1rem;margin:.5rem 1.5rem;padding:12px 18px;transition:background-color .3s}#matchCreateSubmit:hover{background-color:#3385cc}#matchUploadVideo{background-color:#66b3ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1.1rem;margin:.5rem 1.5rem;padding:12px 18px;transition:background-color .3s}#matchUploadVideo:hover{background-color:#3385cc}.addPlayer{display:flex;gap:20px;justify-content:center;margin:.5rem 1.5rem}#userAddPlayer{background-color:#66b3ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s}#userAddPlayer:hover{background-color:#3385cc}.addPlayerClicked{background-color:#33374d;border-radius:10px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;gap:15px;max-width:400px;padding:20px;width:100%}.addPlayerClicked label{color:#b0cbe8;font-size:1rem;margin-bottom:5px}.addPlayerClicked input{background-color:#444857;border:2px solid #b0cbe8;border-radius:8px;color:#b0cbe8;font-size:1rem;margin-bottom:15px;padding:12px;width:100%}#userAddPlayerSubmit{background-color:#66b3ff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;padding:12px 18px;transition:background-color .3s}#userAddPlayerSubmit:hover{background-color:#3385cc}.addPlayer div{color:#b0cbe8;font-size:1rem;padding-top:10px}.addPlayer div.success{color:#6f6}.addPlayer div.error{color:#f66}.attacking-graph,.defending-graph{display:inline-block;width:40%}
/*# sourceMappingURL=main.13e1d3ad.css.map*/