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}.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)}}.inicio{font-size:22px;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;height:100vh;background-image:url(https://hullwhatson.com/wp-content/uploads/2020/04/Gaming-Video-Games-Relax-De-Stress.jpg);background-size:100% 100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.inicio h1{color:#c7c7c7;display:flex}.button{color:#c7c7c7;transition:all .4s ease;margin:5px;font-size:15px;background-color:#3a3a3a;font-weight:700;color:#fff;padding:5px 10px;cursor:pointer;border-color:#525151 #222 #222 #525151;border-style:solid;border-width:2px;display:flex}.button:hover{background-color:#666;-webkit-transform:scale(1.1);transform:scale(1.1)}.items{flex-direction:row}.items,.items li{display:flex;justify-content:center}.items li{align-items:center;border:1px solid #000;background-color:hsla(0,0%,100%,.5);margin:5px;height:30px;width:30px;border-radius:100%;font-weight:700}.items li:hover{cursor:pointer;background-color:#ab73e0;-webkit-transform:scale(1.1);transform:scale(1.1)}.card{margin:20px;height:350px;width:300px;background-color:hsla(0,0%,100%,.5);color:#000;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;border:1px solid rgba(0,0,0,.4);border-radius:10%}.imagenCard{width:300px;height:250px;border-top-left-radius:10%;border-top-right-radius:10%}.card:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.searchBar{position:absolute;top:25px;right:10px}.boton{font-size:15px;font-family:Arial,Helvetica,sans-serif;background-color:#3a3a3a;font-weight:700;color:#fff;cursor:pointer}.boton,.search{padding:5px 10px}.search{background-color:#f2efef}.home{display:flex;flex-direction:column;background-image:url(https://hullwhatson.com/wp-content/uploads/2020/04/Gaming-Video-Games-Relax-De-Stress.jpg)}.header{position:fixed;background-color:hsla(0,5%,76.5%,.7);width:100%;height:80px;top:0;left:0;margin:auto}.middleHeader{position:absolute;left:20px;display:inline;top:30px;right:0;text-decoration:none}.middleHeader label{margin:15px;font-size:15px;font-family:Arial,Helvetica,sans-serif;background-color:#3a3a3a;font-weight:700;color:#fff;-webkit-text-decoration-line:none;text-decoration-line:none;padding:5px 10px;cursor:pointer;border-color:#525151 #222 #222 #525151;border-style:solid;border-width:2px}.header .label:hover{background-color:#666;-webkit-transform:scale(1.1);transform:scale(1.1)}.home h1{position:absolute;align-items:center;left:20px;color:#1c1c1c}.cards{display:flex;flex-wrap:wrap;justify-content:center;margin-top:150px}.cards label{color:#c7c7c7;font-size:18px;font-weight:700;background-color:rgba(46,42,42,.7);margin-bottom:40%}#btn-menu{display:none}.container-menu{position:absolute;background:rgba(0,0,0,.5);width:100%;height:120vh;top:0;left:0;transition:all .5s ease;opacity:0;visibility:hidden}#btn-menu:checked~.container-menu{opacity:1;visibility:visible}.cont-menu{width:100%;max-width:250px;background:#1c1c1c;height:120vh;position:relative;transition:all .5s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#btn-menu:checked~.container-menu .cont-menu{-webkit-transform:translateX(0);transform:translateX(0)}.cont-menu label{display:block;padding:5px;color:#c7c7c7;transition:all .4s ease}.cont-menu button{color:#c7c7c7;transition:all .4s ease;margin:5px;font-size:15px;background-color:#3a3a3a;font-weight:700;color:#fff;padding:5px 10px;cursor:pointer;border-color:#525151 #222 #222 #525151;border-style:solid;border-width:2px}.cont-menu button:hover{background-color:#666;-webkit-transform:scale(1.1);transform:scale(1.1)}.tit{font-weight:700;font-size:25px}.cont-menu h3{color:#c7c7c7;margin:10px 5px 5px;font-size:22px}#x{position:absolute;right:5px;top:5px;color:#f1e7e7;cursor:pointer;font-size:15px}.pagina{flex-direction:column;align-items:center;background-image:url(https://hullwhatson.com/wp-content/uploads/2020/04/Gaming-Video-Games-Relax-De-Stress.jpg);color:#f0f8ff;height:100vh}.form,.forms,.pagina{display:flex}.forms{flex-direction:column;justify-content:center;width:60%;border:1px solid #575454;border-radius:10%;margin-left:20px;background-color:rgba(61,55,55,.3)}.input{height:30px;width:500px;margin:10px}.inputDescripcion{height:70px;width:500px;margin:10px}.checks{display:flex;justify-content:center;width:500px;padding:10px;border:1px solid #575454;border-radius:10%;margin-left:20px;background-color:rgba(61,55,55,.3)}.box{display:flex;flex-direction:column;align-items:flex-start;margin-right:30px;font-size:15px}.tituloBox{font-size:25px;font-weight:700;margin-left:10%}.crear{display:flex;width:130px;font-size:15px;margin:20px;font-family:Arial,Helvetica,sans-serif;background-color:#3a3a3a;font-weight:700;color:#fff;padding:5px 10px;cursor:pointer}.crear:hover{background-color:#606263;-webkit-transform:scale(1.1);transform:scale(1.1)}.error{font-weight:700;color:red}.div{background-color:bisque}.volver{position:fixed;margin:15px;left:20px;font-size:15px;font-family:Arial,Helvetica,sans-serif;background-color:#3a3a3a;font-weight:700;color:#fff;padding:5px 10px;cursor:pointer}.volver:hover{background-color:#606263;-webkit-transform:scale(1.1);transform:scale(1.1)}.data{display:flex;flex-direction:column;align-items:flex-start;margin-left:5%}.imagen{border-radius:15%;width:300px;height:200px}.dataeimg{align-items:center;flex-direction:row-reverse}.dataeimg,.description{display:flex;justify-content:center}.description{margin-left:5%;width:90%}.todo{border:1px solid #000;border-radius:15%;width:60%;margin:20px 20px 20px 20%;padding:15px;background-color:hsla(0,0%,71.4%,.5)}
/*# sourceMappingURL=main.e7e6008f.chunk.css.map */