body{margin:0;padding:0;color:#eee;background-color:#424242;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#eee;text-decoration:none}header{background-color:#212121;display:flex;justify-content:flex-end;align-items:center;height:3em}header nav a{margin:0 1em}input{background-color:transparent;border:0;border-bottom:2px solid hsla(0,0%,100%,.1);padding:.5em .2em;width:auto;transition:all .2s;font-size:1.3rem;color:#eee}input:active,input:focus{outline:none;border-bottom:2px solid hsla(0,0%,100%,.4)}input::-moz-placeholder{color:hsla(0,0%,100%,.5);-moz-transition:all .2s;transition:all .2s}input:-ms-input-placeholder{color:hsla(0,0%,100%,.5);-ms-transition:all .2s;transition:all .2s}input::placeholder{color:hsla(0,0%,100%,.5);transition:all .2s}input:active::-moz-placeholder,input:focus::-moz-placeholder{color:hsla(0,0%,100%,.2)}input:active:-ms-input-placeholder,input:focus:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}input:active::placeholder,input:focus::placeholder{color:hsla(0,0%,100%,.2)}select{outline:none}main{padding:2em 0}form{width:100%;display:flex;justify-content:center}input{width:80%;margin:0 1em}button,select{padding:.2em 1em;border:0;border-radius:4px;font-size:1.1rem;cursor:pointer}.card{max-width:300px;max-height:380px;border-radius:4px;background-color:#1b1b1b;cursor:pointer;transition:all .2s}.card:hover{opacity:.8}.card .image-wrapper{width:auto}.card img{width:100%;height:200px}.card .info-wrapper{padding:1em}.container-grid{padding:2em 0;display:grid;grid-template-columns:repeat(auto-fill,320px);grid-gap:1em;justify-content:center}.genres{width:100%}.genres h2,.search h2{text-align:center}.game-content .image-container{width:85vw;margin:auto;border-bottom:1px solid hsla(0,0%,100%,.2);padding:1em 0}.game-content .buttons{margin:2vh auto;text-align:center}.game-content h1,h3{text-align:center}.game-content a{font-weight:700}.details-row{display:flex;justify-content:space-between}.image-container div{margin:auto;width:90%}.image-container img{margin:auto;text-align:center;width:100%}.details{width:80%;margin:auto}.flex-row{display:flex}.space{justify-content:space-between}.dropdown-menu label{font-size:large}select{margin-top:1vh}.dropdown-menu,.view-games h1{text-align:center}.clickable:hover{cursor:pointer;font-weight:700}.flex-col{display:flex;flex-direction:column;align-items:center}.about h1,.rating{text-align:center}.about{margin:auto 10vw}