*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}.container,.container-filtered{display:flex;flex-flow:column nowrap;align-items:center;background-color:#3b3b3b}.container-filtered{height:100vh}.gameList-wrapper{display:flex;flex-flow:row wrap;width:80vw;margin:0 auto}.sortGame{width:10vw;margin:50px 0 30px;font-family:"Teko",sans-serif;font-size:1.5rem;border:2px solid #000;border-radius:5px;outline:none;color:#292929;background-color:#f5f5f5;box-shadow:0 8px 2px #999}.sortGame:hover{border:2px solid #f5f5f5}.sortGame:active,.sortGame:hover{background-color:#292929;color:#f5f5f5}.sortGame:active{box-shadow:0 5px #666;-webkit-transform:translateY(4px);transform:translateY(4px)}@media only screen and (max-width:980px){.sortGame{font-size:1.2rem;width:100px}}.link-wrapper{margin:30px auto}.game-wrapper{display:flex;justify-content:space-between;flex-direction:column;width:400px;height:30vh;border-radius:8px;overflow:hidden;border:2px solid #000;box-shadow:5px 5px 15px 5px #000}.game-wrapper:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .4s ease-in;cursor:pointer}.info-wrapper{padding:15px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"title title";align-items:center;justify-items:center;background-color:hsla(0,0%,100%,.6)}.title{grid-area:title;font-size:30px;color:#f0efef;font-family:"Teko",sans-serif;text-shadow:-1px 2px 2px #292929,1px 2px 2px #292929,1px -2px 0 #292929,-1px -2px 0 #292929;letter-spacing:.1rem}.info-wrapper p{font-size:1.1rem}.delete-btn{justify-self:flex-start;align-self:flex-end;margin:5px 10px;font-size:1.2rem;font-weight:700;border:none;background:none;cursor:pointer;outline:none;color:#292929;text-shadow:0 0 4px #fff}.delete-btn:hover{color:#c50101}@media only screen and (max-width:480px){.game-wrapper{width:350px;height:30vh}.title{font-size:1.5rem}.info-wrapper p{font-size:1rem}}@media only screen and (max-width:375px){.game-wrapper{width:300px;height:30vh}}.screenshot-container{background-repeat:no-repeat;background-size:cover;background-position:50%;padding:30px;width:100vw;font-family:"Teko",sans-serif}.top-bar{display:grid;grid-template-columns:1fr 85%;justify-items:center;align-items:center;width:80vw;height:15vh;margin:30px auto}.top-bar h2{font-size:3rem;color:#292929;text-shadow:2px 2px 3px #fff;letter-spacing:.1rem}.home-link{padding:2px 5px;width:8vw;font-family:"Teko",sans-serif;font-size:1.3rem;border:2px solid #000;border-radius:5px;outline:none;color:#292929;background-color:#f5f5f5;box-shadow:0 8px 2px #999}.home-link:active,.home-link:hover{background-color:#292929;color:#f5f5f5}.home-link:active{box-shadow:0 5px #666;-webkit-transform:translateY(4px);transform:translateY(4px)}.content-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1em;border-radius:5px;padding:20px;margin:50px auto;width:80vw;background-color:hsla(0,0%,100%,.5);box-shadow:0 0 10px #fff}.content-wrapper img{width:100%;height:100%;object-fit:cover;border:2px solid #000;border-radius:5px}.content-wrapper img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .3s ease-in-out}.content-wrapper p{font-size:1.5rem;color:#292929;text-shadow:2px 2px 3px #fff}@media only screen and (max-width:1040px){.home-link{font-size:1.2rem}}@media only screen and (max-width:980px){.home-link{width:80px}}@media only screen and (max-width:720px){.top-bar h2{font-size:2rem}}@media only screen and (max-width:480px){.top-bar{grid-template-columns:1fr}.top-bar h2{grid-row:1/2;font-size:1.5rem;padding:15px;text-align:center}}
/*# sourceMappingURL=main.6e87c529.chunk.css.map */