.button{background-color:#000;color:#fff;font-weight:700;padding:1rem;font-size:1.3rem;border:.1rem solid black;border-radius:1rem}.home-buttons{display:flex;flex-direction:column;gap:1rem}.home-text{font-size:1.5rem}.login{text-align:center;display:flex;justify-content:center;flex-direction:column}.login-user{color:gray;font-weight:700;margin:1rem}.google-div{display:flex;justify-content:center}#root{max-width:450px;margin:0 auto;padding:2rem;text-align:center}.join-input{height:2.5rem;font-size:1.5rem;text-align:center;font-weight:700;outline:none;border:.2rem solid black;border-radius:.6rem}.comment-text{color:gray;font-size:1rem}.instruction-text{font-size:larger}.info{display:flex;flex-direction:row;align-items:center;font-size:1rem}.logout-button{border:none;width:5.5rem;height:2.5rem;font-size:large;background-color:#a81717;color:#fff;border:1px solid #a81717;margin-left:auto;border:.2rem solid #a81717;border-radius:.5rem}.logout{display:flex;justify-content:center;align-items:center}#back-arrow{height:2.4rem;margin:.5rem}.profile-page{display:flex;flex-direction:row;justify-content:space-between}.buttons{display:flex;flex-direction:column;gap:1rem}.info{text-align:left}.email{color:gray}.container{display:flex;flex-direction:column;gap:2rem;width:100%}.set-preview{text-align:left;border:.2rem solid black;border-radius:10px;padding:.5rem}.set-list{display:flex;flex-direction:column;gap:1rem}.grey-text{color:gray;font-size:smaller}input{height:2.5rem;font-size:1.5rem;text-align:center;font-weight:700;outline:none}.create-set{display:flex;flex-direction:column;gap:2rem}h3{text-align:left}.upper-div{display:flex;flex-direction:row;align-items:center}.download-img{height:1.9rem;padding:1.3rem}.download-img-div{justify-self:flex-end}.search-input{height:2.5rem;font-size:1.5rem;text-align:center;font-weight:700;outline:none;border:.2rem solid black;border-radius:.6rem}.cards{font-size:large;text-align:left;display:flex;flex-direction:column;gap:.5rem}.search{margin:1rem}.black-card-info{margin:.7rem}.new-card{font-weight:700;font-size:1.5rem;display:flex;justify-content:center;gap:.5rem;align-items:center;padding:1.5rem}.plus-img{height:1.2rem}.black{color:#fff;font-weight:700;background-color:#000;border:.1rem solid white;border-radius:1rem;padding:1rem}.white{color:#000;font-weight:700;background-color:#fff;border:.2rem solid black;border-radius:1rem;padding:1rem}.edit-img{height:1rem}.edit-img2{height:1.5rem}.preview{display:flex;align-items:baseline;justify-content:space-between}.card-input{width:13rem;font-size:1.5rem;outline:none;border-radius:.6rem}.card-input-white{border:.2rem solid black}.card-input-black{border:.2rem solid white}.side-buttons{display:flex;flex-direction:column;gap:2rem}.tabs{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;margin-bottom:2rem;border-bottom:.2rem black solid}.tab{font-weight:700;font-size:1.3rem;padding:.6rem;border-top-left-radius:.6rem;border-top-right-radius:.6rem;border-top:.2rem solid;border-left:.2rem solid;border-right:.2rem solid}.tab-faded{color:gray;border-color:gray}.tab-selected{border-color:#000}.selector{display:flex;flex-direction:row;align-items:center;justify-content:center;height:2rem;gap:1rem}.arrow-img{height:2.5rem}.selector-button{outline:none;border:.2rem solid black;background-color:#fff;border-radius:.4rem}.selector-button:hover{background-color:#000}.selector-large{font-size:2rem}.selector-small{font-size:1.4rem}h2{text-align:left}select{font-size:1.5rem;outline:none;padding:.2rem;border:.2rem solid black;border-radius:.6rem;background-color:#fff}.select-div{display:flex;font-size:large;flex-direction:column;gap:1.2rem}.set-input{height:2.5rem;font-size:1.5rem;text-align:center;font-weight:700;outline:none;border:.2rem solid black;border-radius:.6rem}.game-code{font-size:4rem}.buttons{display:flex;flex-direction:column;justify-content:center;align-items:center}.start-game-button{flex-direction:column;align-self:center}.end-game-button{border:none;width:7rem;height:2.5rem;font-size:15px;background-color:#a81717;color:#fff;border:1px solid #a81717;margin-left:auto}.players{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem}.player-name{font-weight:700;font-size:1.5rem}.indicator{font-size:1.3rem;width:100%;padding:.3rem}.up-player-name{font-weight:700}.gameplay-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.bottom-button-container{display:flex;justify-content:center}.bottom-button{padding:1.5rem}.bottom-gameplay{display:flex;flex-direction:column;justify-content:center;margin:1rem}.bottom-buttons{display:flex;flex-direction:column;gap:1rem}.winner{font-weight:700;font-size:3rem;padding:3rem}.end-game-button{border:.2rem solid #a81717;border-radius:.5rem;width:10rem;height:2.8rem;font-size:large;background-color:#a81717;color:#fff;border:1px solid #a81717;margin-left:auto}.bottom-info{display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:1rem}.amount-indicator{font-size:1.5rem}.next-button{width:10rem;background-color:#fff;outline:none;border:.4rem solid black;border-radius:1rem}.next-buttons{display:flex;justify-content:center;gap:1.2rem;margin:.7rem}.card-waiting{font-size:1.6rem;padding:1.3rem;font-weight:700}#arrow-img{height:4rem}.next-button{width:10rem;background-color:#fff;outline:none;border:.3rem solid black;border-radius:1rem}.next-buttons{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin:.7rem}.close-button{height:3rem;width:5rem;border:.4rem solid black;border-radius:1rem;background-color:#fff}.counter{font-size:2.2rem}#cross-img{height:1.7rem}.white-card{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10.4rem;color:#000;font-weight:700;background-color:#fff;border:.4rem solid black;border-radius:1rem;padding:1.5rem;height:50vh;margin-top:.3rem}.white-card-text{font-size:2.1rem}.black-card{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background-color:#000;border:.1rem solid white;border-radius:1rem;padding:1.5rem;height:50vh;font-size:2rem;margin-top:.3rem}.game-results{font-size:1.4rem;display:flex;justify-content:space-between;flex-direction:column;text-align:left;gap:1rem;margin:1rem}*{font-family:Helvetica,sans-serif}body{background-color:#fbfafa}
