html, body { height: 100%; } body { background: #000; margin: 0; padding: 0; text-align: center; font-family: Noto Sans; overflow: hidden; } body::-webkit-scrollbar { background: #67c8e7; } body::-webkit-scrollbar-thumb { background: #1a82a3; } p { margin: 0; } img { border: 0; } a { color: #67c8e7; text-decoration: none; } a:hover { color: #fab625; text-decoration: none; filter: brightness(120%); } h1 { font-family: Noto Sans;font-size: 36px; color: #fff; font-weight: normal; margin: 15px 0; } h2 { font-family: Noto Sans; font-size: 20px; color: #333; font-weight: normal; margin: 10px 0; text-transform: uppercase; text-align: left; } input, textarea { background: #fff; border-radius: 10px; color: #67c8e7; font-family: Tahoma; font-size: 16px; height: 31px; padding: 0 0 0 10px; border: none; } #gameTit {display: none; } .but_menu, .but_ach, .but_broken, .but_comment, .but_fav, .but_fav_on, .but_full, .but_history, .but_like, .but_dislike, .but_like_on, .but_dislike_on, .but_more, .but_search, .but_home, .but_reload, .but_back { display: block; width: 55px; height: 55px; min-width: 55px; margin: 0 3px; } .but_menu { background: url('images/but_menu.png') no-repeat; } .but_ach { background: url('images/but_ach.png') no-repeat; } .but_broken { background: url('images/but_broken.png') no-repeat; } .but_comment { background: url('images/but_comment.png') no-repeat; } .but_fav { background: url('images/but_fav.png') no-repeat; } .but_fav_on { background: url('images/but_fav_on.png') no-repeat; } .but_full { background: url('images/but_full.png') no-repeat; } .but_history { background: url('images/but_history.png') no-repeat; } .but_like { background: url('images/but_like.png') no-repeat; } .but_dislike { background: url('images/but_dislike.png') no-repeat; } .but_like_on { background: url('images/but_like_on.png') no-repeat; } .but_dislike_on { background: url('images/but_dislike_on.png') no-repeat; } .but_more { background: url('images/but_more.png') no-repeat; } .but_search { background: url('images/but_search.png') no-repeat; } .but_home { background: url('images/but_home.png') no-repeat; } .but_reload { background: url('images/but_reload.png') no-repeat; } .but_back { background: url('images/but_back.png') no-repeat; } #gamefin { width: 100%; height: 100vh; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: top; } #gfmenu { min-width: 190px; max-width: 190px; height: 100%; min-height: 100vh; overflow-y: scroll; text-align: center; padding: 0 4px; background: #efefef url('images/bg.webp') 100% 0; background-attachment: fixed; } #gfmenu::-webkit-scrollbar { background: #67c8e7; } #gfmenu::-webkit-scrollbar-thumb { background: #1a82a3; } #gfgame { background-color: black; width: 100%; height: 100vh; } #gfmenu .curgame { width: 80px; height: 80px; border: 3px solid #ffcc65; border-radius: 15px; margin: 0 0 10px 0; } #gfmenu .gametitle { color: #fff; font-family: Noto Sans; margin: 10px 0; } #gfmenu .but_prev, #gfmenu .but_next { display: block; width: 22px; height: 70px; margin: 4px 10px; } #gfmenu .but_prev { background: url('images/but_prev.png') no-repeat; } #gfmenu .but_next { background: url('images/but_next.png') no-repeat; } #gamefin .gfle, #gamefin .gflea { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: top; } #gamefin .gflea a { display: block; width: 50px; height: 50px; border: 2px solid #fff; border-radius: 15px; margin: 2px 0; } #gamefin .gflea a img { width: 50px; height: 50px; border-radius: 13px; } #gamefin .gfmore { display: block; width: 100%; height: 30px; margin: 3px 0; color: #fff; font-family: Noto Sans; font-size: 14px; text-transform: uppercase; background: #67c8e7; border-radius: 10px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #gamefin .but_menu, .but_ach, .but_broken, .but_comment, .but_fav, .but_fav_on, .but_full, .but_history, .but_like, .but_dislike, .but_like_on, .but_dislike_on, .but_more, .but_search, .but_home, .but_back, .but_reload { margin: 2px 0; } #gamefin #gfcats { width: 100%; } #gamefin #gfcats a { display: block; background: rgba(10, 87, 112, 0.6); border-radius: 10px; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; margin: 3px 0; } #gamefin #gfcats a p { color: #fff; font-size: 14px; font-family: Noto Sans; margin: 0 0 0 5px; width: 100%; overflow-x: hidden; text-align: left; } #gamefin #gfcats a img { width: 25px; height: 25px; border: 2px solid #fff; border-radius: 10px; background: #fff; } .starate { width: 55px; height: 53px; background: url('images/star.png') no-repeat; color: #fff; font-weight: bold; } .starate p { margin: 19px 0 0 0; font-family: Noto Sans; } .gfhl { font-family: Noto Sans; font-weight: bold; font-size: 16px; text-transform: uppercase; color: #fff; margin: 15px 0 5px 0; } #logobig, #logosmall { display: block; background: url('images/logo.png') no-repeat; background-size: cover; } #logobig { width: 152px; height: 82px; margin: 10px auto 0 auto; } #logosmall { width: 115px; height: 62px; margin: 10px auto; } #voteoutput { text-transform: uppercase; font-size: 15px; } .loading {width: 50px; height: 22px; background: url('images/loading.gif') no-repeat 50% 50%; } #voteoutput {width: 100%; text-align: center; } #bm { position: fixed; top: 5px; left: 3px; display: none; z-index: 100; } #cfs {position: absolute; top: 5px; right: 3px; display: none; z-index: 200; } .hide { position: absolute; top: 5px; left: 198px; display: block; width: 33px; height: 42px; background: url('images/hidearr.png') 40% 50% no-repeat #f12727; border-radius: 0 10px 10px 0; z-index: 100; } #preloads { width: 100%; height: 100vh; min-height: 100%; background: #000; display: flex; flex-flow: column nowrap; justify-content: center; color: #999999; font-family: Tahoma; font-size: 13px; position: absolute; z-index: 101; top: 0; left: 0; } #preloads .prtop { height: 65vh; min-height: 65%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } #preloads a { color: #999; } #preloads .prban { width: 100%; } #preloads .prbot { height: 80px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; } #preloads #skip { display: none; width: 220px; padding: 10px 0; color: #fff; font-size: 16px; border: 1px solid #999; } #preloads #count { color: #fff; font-size: 16px; text-align: right; margin: 0 5px 15px 0; } #preloads .prbot > div { margin: 10px 10px; } .topcoin { background: url('images/coin.png') 0 50% no-repeat; padding-left: 64px; height: 70px; min-width: 60px; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; margin: 0 0 0 5px; } .topcoin p { font-family: Noto Sans; font-weight: bold; font-size: 30px; text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff; color: #67c8e7; } .qr { border-radius: 10px; margin: -10px 0; } #sound { display: block; position: absolute; top: 5px; right: 50%; margin: 0 -30px 0 0; z-index: 10; width: 50px; height: 50px; background: url('images/sound.png') 50% 50% no-repeat; } @media (max-width:550px) { #bm { display: block; } #gfmenu { display: none; } }