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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{background-image:url(/static/media/1097502.0a0b49df.png);background-color:#000;background-size:cover;display:flex;flex-direction:column;min-height:100vh}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.containerLanding{background-image:url(/static/media/1097502.0a0b49df.png);background-color:#000;background-size:cover;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;min-height:100vh;align-items:center;justify-content:center}.titleLanding{letter-spacing:1rem;text-transform:uppercase;padding:1rem;font-family:"Lato",sans-serif;font-size:3rem;color:#fff;justify-content:center;margin-left:12rem}.container-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:center}.buttonLanding{margin:1rem;color:#fff;border-radius:6rem;cursor:pointer;background-color:initial;border:2px solid #eff2ef;transition-duration:.4s;width:11rem;height:11rem;text-transform:uppercase}.buttonLanding:hover{background-color:initial;box-shadow:0 12px 90px 30px #00cdfb}.buttonLanding p{color:#fff}.buttonLanding:hover p{color:transparent}.rocket{top:43%;left:44%;transition-duration:1.5s}.p-btn{margin:auto;font-size:36px;letter-spacing:.2rem;font-family:"Lato",sans-serif}.rocket:hover{transform:translateY(-450px);-webkit-transform:translateY(-450px);-o-transform:translateY(-450px);-moz-transform:translateY(-450px)}.containerCard{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.423);max-width:300px;margin:2rem auto auto;background:rgba(0,0,0,.368);text-align:center}.containerCard:hover{box-shadow:0 4px 8px 0 #38b6ff;-webkit-transform:scale(1.05);transform:scale(1.05)}.title{color:grey;font-size:1.2rem}.error-title{color:#fff}.button-error-volver-home{border:none;outline:0;display:inline-block;padding:8px;color:#fff;text-align:center;cursor:pointer;width:100%;font-size:18px;background-color:rgba(186,33,33,.583)}.button-error-volver-home:hover{background-color:#f80404;transition-duration:.5s}.buttonCard{border:none;outline:0;display:inline-block;padding:8px;color:#fff;text-align:center;cursor:pointer;width:100%;font-size:18px;background-color:initial}h3,h4{color:#fff}h5{text-decoration:none;font-size:12px;color:#e7d9d9;padding:auto;margin:3px;border:1px}h6{color:#fff}.buttonCard:hover{opacity:.7;background-color:#44195e;transition-duration:1s}.CardGenres{display:grid;padding:auto;margin:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr)}.pagination{display:inline;cursor:pointer;margin:10px;background-color:#5a5858;color:#fff9f9;padding:8px 16px;border:hidden;transition:.5s}.pagination:hover{background-color:#c3c3c3}.pagination:focus{background-color:#3c36b9}.input-search:hover{cursor:text}.title-home{letter-spacing:2rem;font-size:2rem;color:#fff}.containerCards,.title-home{font-family:"Lato",sans-serif}.containerCards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:0}.btnAgregarGame{width:502px;height:50px;padding:1rem;margin:-5px 0 0;background:rgba(0,0,0,.322);font-family:"Lato",sans-serif;font-size:1rem;color:#b3aca7;outline:none;cursor:pointer;border:none;border-bottom:1px solid #b3aca7;transition:all .3s ease-in-out;transition:.5s}.btnAgregarGame:hover{color:#e2dedb;background-color:rgba(0,119,89,.596078431372549);border:1px solid #b3aca7;border-right:none;border-left:none}.container.filters{margin:3px;padding:2rem}.container-sup{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:rgba(0,0,0,.322)}.container-search button{transition:all .3s ease-in-out}.container-search button,.container-search input{height:30px;margin:5px 0 7px 10px;background:transparent;font-family:"Lato",sans-serif;font-size:.875em;color:#b3aca7;outline:none;cursor:pointer;border:none}.container-search input{transition:all .5s ease-in-out}.container-search button:hover{color:#e2dedb;background-color:rgba(146,151,150,.4235294117647059)}.select-filters{height:30px;margin:-5px 0 0 30px;background:transparent;font-family:"Lato",sans-serif;font-size:.875em;color:#b3aca7;outline:none;cursor:pointer;border:none;transition:.7s ease-in-out}.select-filters:hover{border-bottom:1px solid #b3aca7}.containerCardD{font-family:"Lato",sans-serif;font-size:1rem;color:#b3aca7;box-shadow:0 8px 10px 0 hsla(0,0%,100%,.423);max-width:500px;margin:2rem auto auto;background:rgba(90,75,75,.368);text-align:center}.title-detail{font-family:"Lato",sans-serif;letter-spacing:1.5rem;font-size:2rem;color:#fff}.btn-to-home{margin-top:2rem}.btn-to-home a{justify-content:center;align-items:center}.go-home{border-color:rgba(240,248,255,.6) rgba(240,248,255,.6) currentcolor;border-top:rgba(240,248,255,.6)}.titleD{color:grey;font-size:2rem}.contet-card,p{font-size:.8rem}ul li{list-style:none}.title-new-game{font-family:"Lato",sans-serif;letter-spacing:1.5rem;font-size:2rem;color:#fff}.danger{border:solid red;background-color:#8f0808;color:bisque;text-transform:uppercase}.container-todo-form{text-align:left;position:relative;margin:50px auto 100px;border:solid #fff;background-color:hsla(0,1%,40%,.422);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:stretch;justify-content:center;color:#f0f8ff}.container-todo-form,.input-form{font-family:"Lato",sans-serif;font-size:.875em}.input-form{background:rgba(0,0,0,.129);width:380px;height:35px;padding:0 0 0 15px;margin:3px;outline:none;color:#64594d;border:1px solid #b3aca7;transition:all .3s ease-in-out}.input-form:hover{background:#b3aca7;color:#e2dedb}.go-home{margin:-5px 0 0 30px;background:transparent;font-family:"Lato",sans-serif;font-size:1.5rem;color:#b3aca7;outline:none;cursor:pointer;border-left:rgba(240,248,255,.6);border-bottom-color:rgba(240,248,255,.6);border-right:rgba(240,248,255,.6);border-top-color:rgba(240,248,255,.6);padding:1rem;transition:.7s ease-in-out}.go-home:hover{color:#e2dedb;background-color:rgba(146,151,150,.4235294117647059)}.form-control{margin:1rem;padding:1rem;align-items:center;justify-content:center;width:400px}.text-form{width:380;max-width:380px;height:60px;padding:15px;background:rgba(0,0,0,.129);outline:none;color:#726659;font-family:"Lato",sans-serif;font-size:.875em;border:1px solid #b3aca7;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.text-form:hover{background:#b3aca7;color:#e2dedb}.div-input{width:100%;grid-template-columns:repeat(2,0,5fr,1fr)}.div-input,.input-creat-rat{margin:5px;display:grid;grid-column-gap:0;grid-row-gap:0}.input-creat-rat{width:auto;grid-template-columns:repeat(2,1fr)}.div-inputs-grid{justify-content:center;align-items:center}.inputs-size{background:rgba(0,0,0,.129);width:auto;height:35px;padding:0 15px;margin:3px;outline:none;color:#64594d;font-family:"Lato",sans-serif;font-size:.875em;border:1px solid #b3aca7;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.inputs-size select{width:100%}.inputs-size:hover{background:#b3aca7;color:#e2dedb}.div-buttons{display:grid;grid-template-rows:repeat(2,1fr);grid-column-gap:0;grid-row-gap:0}.button-submit{width:400px;height:30px;padding:0;margin:0;background:rgba(0,0,0,.322);font-family:"Lato",sans-serif;font-size:.875em;color:#b3aca7;outline:none;cursor:pointer;border:none;border-bottom:2px solid #b3aca7;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.button-submit:hover{color:#e2dedb;background-color:#0e550f}.button-submit[disabled]{border:1px solid #999;background-color:#ccc;color:#666;cursor:not-allowed}.button-delete{width:400px;height:30px;padding:0;margin:0;background:rgba(54,53,53,.322);font-family:"Lato",sans-serif;font-size:.875em;color:#b3aca7;outline:none;cursor:pointer;border:none;border-bottom:2px solid #b3aca7;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.button-delete:hover{color:#e2dedb;background-color:#3e0713}.pin-select{margin:10px;padding:2px 3.5px 2px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:rgba(236,244,244,.645);color:#166c6c}.pin-select button{margin-left:10px;background-color:initial;color:rgba(22,108,108,.993);border:none;border-left:1px solid rgba(22,108,108,.531)}.pin-select button:hover{background-color:#2f4f4f;color:#166c6c;border:none;border-left:1px solid #166c6c}
/*# sourceMappingURL=main.72eec0e6.chunk.css.map */