@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100&family=Noto+Sans:wght@100&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;1,6..12,200&family=Open+Sans:wght@300&family=Oswald:wght@700&family=Roboto+Mono&family=Rubik+Broken+Fax&family=Rubik+Doodle+Shadow&display=swap);*{box-sizing:border-box;font-family:sans-serif;margin:0}.App{display:grid;grid-template-rows:90px 1fr 100px;height:100vh}@media screen and (max-width:768px){.App{display:block;grid-template-rows:90px 1fr 200px}}header{align-items:center;background-color:#5c6784;color:#fff;display:flex;justify-content:center}header h1{font-family:Bebas Neue,sans-serif;font-size:60px;margin:0;padding:0}.title{text-align:center}footer{align-items:center;background-color:#5c6784;display:flex;flex-wrap:wrap;gap:90px;justify-content:center}footer p{color:#fff;line-height:0}@media screen and (max-width:768px){footer{gap:10px;padding:20px 0}nav{border-top:1px solid #fff;padding-top:30px;text-align:center;width:100%}}.buttonComponent{&:hover{box-shadow:1px 1px 5px gray;transform:scale(1.03)}}.column-form{margin:10px 0}.form-add-game{background-color:#5c6784;border-radius:10px;margin:25px 0;padding:15px}.form-add-game span{color:#fff}.button-open-add-form button{margin-top:15px}.checkbox-add-form{color:#fff}.palette{display:flex;flex-wrap:wrap}.card{box-shadow:0 0 5px gray;margin:30px;transition:.3s;width:700px;&:hover{transform:scale(1.02)}}.selected{box-shadow:0 0 20px #000;transform:scale(1.04)}.complete-button{margin:5px 10px}.complete-button input{background-color:#c2c0c0}.game-details{border-top:1px solid gray;padding:0}.game-details p{border-bottom:1px solid gray;margin:0;padding:10px}.options{display:flex;flex-direction:column;justify-content:center;margin-top:10px}.cardOptions-button{margin:10px 0}.card-palette{background-color:#cdcdcd;border-radius:5px;padding:5px;width:60%}.cards-container{display:flex;flex-wrap:wrap;margin:10px 0 25px}.options-component{margin:15px 0}.no-games-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px}.box-initial-page{background-color:#5c6784;border-radius:10px;color:#fff;padding:20px;width:500px}.add-game-no-page form{grid-row-gap:10px;display:grid;grid-template-columns:45% 1fr;row-gap:10px}.add-game-no-page input{border-radius:5px}.initial-message h2,.initial-message p{font-family:Bebas Neue,sans-serif}.initial-message h2{font-size:80px}.initial-message p{font-size:22px}.add-button-no-page{background-color:#fff;border:none;border-radius:5px;color:#000;transition:.3s;&:hover{box-shadow:1px 1px 5px gray;transform:scale(1.03)}}.complete-input-no-page{margin-left:5px;transform:scale(1.5)}@media screen and (max-width:1000px){.box-initial-page{margin-bottom:15px}}@media screen and (max-width:568px){.box-initial-page{width:90%}.add-game-no-page form{grid-template-columns:1fr 40%}.initial-message h2{font-size:50px}.initial-message p{font-size:20px}}.stats{background-color:#5c6784;border-radius:10px;color:#fff;display:flex;justify-content:center;margin:15px 0;padding-top:15px;text-align:center}.stats p{font-family:Bebas Neue,sans-serif;font-size:1.5em}.empty{margin-top:150px}@media screen and (max-width:1000px){.empty{margin-top:50px}}
/*# sourceMappingURL=main.2729ec47.css.map*/