@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{margin:0;background-color:#0d192b;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)}}.search-form{position:relative;box-sizing:border-box;width:300px;height:40px;display:flex;align-items:center;justify-content:space-between;background-color:rgba(25,25,25,.9);border:1px solid var(--color_golden);border:1px solid rgba(0,0,0,.6);border-radius:20px;margin:0;padding:10px 7px}.search-field{box-sizing:border-box;width:200px;margin:0 0 0 7px;outline:none;font-size:15px}.search-field,.search-submit{background-color:initial;border:none;color:#fff}.search-submit{cursor:pointer;width:25px;height:25px;padding:0;margin:0;border-radius:15px}.header,.search-submit{display:flex;align-items:center}.header{position:fixed;top:0;left:0;width:100%;height:20px;justify-content:space-between;padding:40px 80px;transition:.3s;z-index:100;background-image:linear-gradient(rgba(7,18,36,.2),#071224),url(/static/media/trees.fe62c560.jpg)}.header .logo,.Link{text-decoration:none}.header .logo{text-transform:uppercase;font-weight:700;color:#fff;font-size:1.8rem;transition:.5s;transition-delay:.3s}.header ul{position:relative;display:flex;justify-content:center;align-items:center}.header ul li{list-style:none;margin:0 10px}.header ul li span{padding:5px 10px;text-decoration:none;font-size:1.3rem;color:#fff;transition:.5s;transition-delay:.3s;background-color:rgba(25,25,25,.9);border-radius:30px}.Top-bar{position:fixed;top:0;left:0;width:100%;height:20px;display:flex;justify-content:flex-start;align-items:center;padding:40px 80px;transition:.3s;z-index:100;background-image:linear-gradient(rgba(7,18,36,.2),#071224),url(/static/media/trees.fe62c560.jpg)}.Top-button{margin-top:5px;margin-left:5px;width:12em;border-radius:30px;background-color:rgba(25,25,25,.9);color:#fff;padding:.5em;text-transform:uppercase;text-align:center;align-content:center;font-weight:700;cursor:pointer;border:none}*{font-family:"Poppins",sans-serif}.card{background-color:#14253d;width:24em;border-radius:.6em;margin:1em;overflow:hidden;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.897),0 -6px 16px -6px rgba(0,0,0,.897);transition:all .2s ease}.card:hover{-webkit-transform:scale(1.03);transform:scale(1.03);box-shadow:0 13px 40px -5px rgba(50,50,93,.12),0 8px 32px -8px rgba(0,0,0,.14),0 -6px 32px -6px rgba(0,0,0,.02)}.card_image img{width:100%;height:250px;object-fit:cover;cursor:pointer}.card h1{margin-top:.3em;font-size:1.5em;padding:0 .5em;font-weight:600;transition:all .1s ease-in;display:inherit}.card h1,.card h3{color:#fff;font-family:"Poppins",sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card h3{background-color:hsla(0,.4%,52%,.486);border-radius:30px;margin:10.475px 17.4625px 0;font-size:1.3em;font-weight:300;display:flex;align-items:center;justify-content:center;display:inherit}.card p{color:hsl(0,0%,100%,60%)}#rating{color:#ff0;padding-right:5px}.card ul{justify-content:space-between;padding:2rem 2rem 1rem;list-style:none;font-family:"Poppins",sans-serif}.card ul,.card ul li{display:flex;align-items:center}.pagination,.pagination.box{display:flex;justify-content:center}.pagination.box{align-items:center;z-index:auto;margin:2rem}.pagination-button{padding:12px;margin:4px 10px 4px 4px;border-radius:.4rem;border-style:none;background-color:#191919;color:#fff;font-weight:700;cursor:pointer}.container{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:0}.Loader{position:absolute;width:100%;height:100%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0d192b}.Search-title{margin-top:100px;color:#fff;font-family:"Press Start 2P",cursive}.notfund-loader{position:absolute;width:100%;height:100%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.notfund-loader button{margin-top:5px;margin-left:5px;width:12em;border-radius:30px;background-color:rgba(25,25,25,.9);color:#fff;padding:.5em;text-transform:uppercase;text-align:center;align-content:center;font-weight:700;cursor:pointer;border:none}.notfund-loader img{width:300px;height:300px;margin:10px}#back{background-color:#d32121}#create{background-color:green}#hidden{color:#0d192b;margin-bottom:0}#hidden:hover,.filters{color:#fff}.filters{display:flex;align-items:flex-end;flex-direction:row;justify-content:right;background-color:rgba(13,23,38,0);padding:.5rem 2rem;margin-top:6em;font-size:.8rem;margin-bottom:0}.button-clear{width:12em;border-radius:30px;text-transform:uppercase;text-align:center;align-content:center;font-weight:700;border:none}.button-clear,.selection{background-color:rgba(25,25,25,.9);color:#fff;padding:.5em;cursor:pointer}.selection{width:auto;border-radius:30px;border-style:none;margin-top:.3rem;margin-left:1rem;font-size:.8rem}*{padding:0;margin:0;box-sizing:border-box}.content h1{font-family:"Press Start 2P",cursive;line-height:1.3}.main{width:100%;height:100%;line-height:.8}video{width:100%;height:100vh;object-fit:cover}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.content,.overlay{position:absolute;width:100%;height:100%;top:0}.overlay{left:0;background-color:rgba(0,0,1,.3)}.content button{background:transparent;box-sizing:border-box;border-radius:.6rem;align-self:center;font-size:17px;font-weight:400;margin:20px;padding:20px 40px;text-align:center;color:#f0f8ff;cursor:pointer}.btn{border:2px solid #cda932;margin-top:2em}.btn:hover{transition:.4s ease-in-out;background:#cda932;color:#0e0e11}.container-detail{width:70vw;padding:20px;color:#fff;margin:7em auto 5em;border-radius:20px;background-image:linear-gradient(rgba(7,18,36,.2),#071224),url(/static/media/deer-art.ec075ae7.jpg);background-position:50%;background-size:cover}.container-detail h1{text-transform:uppercase;font-family:"Press Start 2P",cursive}.container-detail img{border-radius:20px}.detail-info{display:flex;justify-content:space-around;align-items:center;margin:1em;color:#fff}#rating-detail{color:#ff0;font-size:30px}.detail-description{text-align:justify;padding:1em;border-radius:20px;letter-spacing:1px}.container-detail img{width:100%;max-height:30em;object-fit:cover}.detail-list ul{display:flex;justify-content:center;flex-wrap:wrap;list-style:none}.detail-list ul li{margin-right:10px;padding:5px;background-color:rgba(25,25,25,.7);border-radius:20px;margin-bottom:5px;font-size:18px}.creator-container{max-width:700px;width:100%;height:100vh;background-image:linear-gradient(rgba(7,18,36,.2),#071224),url(/static/media/treesFull.421359f1.jpg);background-position:50%;background-size:cover;padding:1em 15em 5em 5em;margin:7em auto;border-radius:5px;color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.15)}.creator-container .creator-title{font-size:25px;font-weight:500;margin-bottom:.5em;margin-left:4em}.content-creator form .videogame-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 12px}form .videogame-details .input-box{margin-bottom:.5em;width:300px}form .videogame-details .select-box{display:flex;flex-direction:row;align-items:center}form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.videogame-details .input-box input{height:2.5em;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:solid #ccc;border-width:1px 1px 2px;transition:all .3s ease}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}p.error{color:red;font-size:10px;margin:0;background-color:hsla(0,0%,100%,.5)}form .button input{height:100%;width:100%;border-radius:5px;border:none;color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all .3s ease;background-color:rgba(25,25,25,.9)}form .button input:hover{-webkit-transform:scale(.99);transform:scale(.99);background:linear-gradient(-135deg,#71b7e6,#9b59b6)}
/*# sourceMappingURL=main.7f173709.chunk.css.map */