*{margin:0;padding:0}:root{box-sizing:border-box;color:#aba8a6;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}body{background-color:#222831}#navbar-title{background-color:#393e46;color:#fff;display:flex;align-items:center;gap:.5rem;padding:.75rem}#btm-navbar-cnt{display:block;pointer-events:auto;position:fixed;bottom:0;width:100%;background-color:#393e46}#btm-navbar{display:flex;justify-content:space-between;margin:auto;max-width:48rem}.btm-navbar-item-cnt{display:flex;flex-direction:column;align-items:center;padding:.25rem .75rem}.btm-navbar-item-text{font-size:.75rem;font-weight:700}#top-navbar-cnt{display:none;pointer-events:none}@media (min-width: 1024px){#btm-navbar-cnt{display:none;pointer-events:none}#top-navbar-cnt{display:block;pointer-events:auto;position:fixed;top:0;width:100%;background-color:#393e46}#top-navbar{margin:auto;display:flex;justify-content:space-between;padding:.75rem;max-width:64rem;color:#fff}#top-navbar-title{display:flex;align-items:center;gap:.5rem}#top-navbar-list{background-color:#393e46;display:flex;align-items:center;gap:2rem}.top-navbar-item-text{font-weight:700;text-transform:uppercase}}#free-games{margin:auto;padding:.75rem;max-width:64rem;margin-top:1rem;display:flex;flex-direction:column;gap:5rem}.market{display:flex;flex-direction:column;gap:1rem}.market-name{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none}.games{display:flex;gap:.5rem;overflow-x:scroll;padding-bottom:.5rem}.game{display:flex;flex-direction:column;justify-content:center;align-items:center;border:.25rem solid;border-radius:1rem;border-color:#aba8a6;text-decoration:none;color:#aba8a6}.game:hover{border-color:#3373c4}.game-img{min-width:20rem;max-height:10rem;border-radius:.75rem;align-self:stretch}.game-title-text{max-width:20rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width: 1024px){.games{overflow-x:hidden;flex-wrap:wrap}}#footer-cnt{margin:5rem auto auto;display:flex;flex-direction:column}#footer{background-color:#393e46;padding:5rem 1rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:1rem}#footer-note{text-transform:uppercase}#source-link{font-weight:700;color:#aba8a6;text-decoration:none}#source-link:hover{color:#3373c4}@media (min-width: 1024px){#footer{flex-direction:row;gap:0}}