:root{--color-purple:#bbafcb;--color-black:#454545;--color-border-white:#fff;--color-font-white:#fff;--border-radius:20px}*{transition:all .5s}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#bbafcb;background:var(--color-purple);padding-bottom:100px}input[type=text]{padding:0 5px}input[type=button],input[type=submit],input[type=text]{border-radius:20px;border-radius:var(--border-radius);border:2px solid #fff;border:2px solid var(--color-border-white)}.logoutBtn{background-color:#994545;color:#fff}.backBtn,.logoutBtn{border-radius:20px;border-radius:var(--border-radius);width:100px;height:50px;border:2px solid #fff;border:2px solid var(--color-border-white);cursor:pointer}.backBtn{background-color:#bbafcb;background-color:var(--color-purple)}.backBtn:hover,.logoutBtn:hover{transform:scale(1.05)}.formContainer{height:100%;justify-content:center;position:absolute;color:var(--color-font-white);pointer-events:none;background-color:var(--color-black)}.formContainer,.loginForm{width:100%;display:flex;align-items:center}.loginForm{flex-direction:column;justify-content:space-around;padding:20px 0;height:200px;pointer-events:auto;border-top:3px solid var(--color-border-white);border-bottom:3px solid var(--color-border-white);background-color:var(--color-purple)}.loadingContainer{pointer-events:none}.container,.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.container{background-color:var(--color-black);border-bottom:3px solid var(--color-border-white);height:150px;position:relative;margin-bottom:130px;z-index:5}.imageContainer{display:flex;flex-direction:column;position:absolute;bottom:-70px;width:200px;height:200px;left:calc(50% - 100px)}.playerImage{height:100%;width:100%;box-sizing:border-box;border-radius:50%;border:10px solid var(--color-font-white)}.playerName{position:absolute;color:var(--color-font-white);bottom:-25px;text-align:center;left:0;right:0}.containerSmall{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-black);border-bottom:3px solid var(--color-border-white);position:relative;height:70px;margin-bottom:130px;z-index:5}.imageContainerSmall{display:flex;flex-direction:column;position:absolute;bottom:-90px;width:150px;height:150px;left:25px}.playerNameSmall{position:absolute;color:var(--color-font-white);left:160px;bottom:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gameListContainer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;left:0;right:0;bottom:0;top:100px;background-color:var(--color-purple);align-content:flex-end;padding:0 50px}.gameListContainer img{cursor:pointer;background-color:#fff}.gameListContainer img:hover{transform:scale(1.05);cursor:pointer}.gameListItem{display:flex;flex-direction:column;justify-content:center;align-items:center}.gameIcon{border:2px solid #fff;border-radius:10px;width:100px;height:100px;margin:0 10px}.gamesContainer,.gameStyle{display:flex;justify-content:center;align-items:center}.gameStyle{width:min(400px,80vw);height:400px;border-radius:10px;background-color:salmon;padding:10px}.footerContainer{display:flex;align-items:center;justify-content:space-evenly;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--color-black);border-top:3px solid var(--color-border-white);padding:10px 0;position:fixed;bottom:0;left:0;right:0}
/*# sourceMappingURL=main.f581792b.chunk.css.map */