.nav-container {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 5px;
}

            .icon-overlay {z-index:1;width: 80px;}
            .flash-label {position:absolute;margin-top:35px;z-index:1;width:45px;margin-left:35px;image-rendering: optimizeSpeed;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: pixelated;image-rendering: optimize-contrast;-ms-interpolation-mode: nearest-neighbor;}
            #randomGames figure {
  position: relative;
}

.navItem {
  position: relative; 
  display: inline-block;
}

.navbtn {
  height: 55px;
  display: block;
}

.navbtnIMG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  pointer-events: none; 
}

.newTopNav {
  height:60px; 
  margin-left: 0px;
  margin-right: auto;
  margin-bottom:0px;
  border-bottom: solid 1px lightgray;
  display: flex; 
  justify-content: center; 
  background-color: #333;
  width: 100%;
  padding:10px;
}

.topnavLogo {
  height:40px; 
  margin-right: 15px; 
  margin-top:-2px;
  margin-bottom:0px;
}

a {
    color: #484848;
    text-decoration: none;
    user-select: auto;
}

a:hover {
    color: #fb6400;
    text-decoration: underline;
}

p, figcaption {
    font-size: 16px;
}

figure {
    margin: 0;
    padding: 0;
}

#badges {
    position: absolute;
    padding: 10px;
    box-sizing: border-box;
}
.AzureBorder {
    border: solid 1px #a4acdb;
}

.container {
    user-select: auto;
    margin: 5px auto 0 auto;
    width: 1155px;
    z-index: 10;
}

.gamebox {
    user-select: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid lightgray;
}

.Boxdiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.GameName {
    margin-top: 1px;
    font-size: 20px;
}

.flex {
    display: flex;
}

.FullScreenButton, .NightModeButton {
    height: 30px;
    margin-top: -10px;
    cursor: pointer;
}

.FullScreenButton {
    margin-right: 10px;
}

.NightModeButton {
    margin-right: 335px;
}

.divbox {
    display: flex;
    margin-bottom: 10px;
}

.GameRightBar {
    margin-right: -30px;
    margin-left: 10px;
    user-select: auto;
    border: 0 solid lightgray;
    width: 330px;
}

.GameInfoText {
    margin: 1px 0;
    font-size: 20px;
    font-weight: bold;
}

.GameInfo2, .MoreGamesBox {
    width: 330px;
    overflow-x: hidden;
}

.GameInfo2 {
    height: 75px;
    overflow-y: scroll;
}

.GameInfoStyle {
    margin-top: 2px;
}

.MoreGamesBox {
    height: 395px;
    overflow-y: scroll;
}

.MoreGamesBoxInner {
    width: 330px;
}

.badges, .badges2 {
    width: 925px;
    height: 32px;
    border-radius: 10px;
    border: 0 dotted black;
}

.badges {
    margin: -20px 0 0 -10px;
}

.badges2 {
    margin: -10px 0 0 0;
}

.Badge {
  height: 32px;
}

.GameBarBox {
    user-select: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid lightgray;
    display: none;
}

.graybox {
    background-color: #f2f2f2;
    width: 1100px;
    user-select: auto;
    margin: 0 auto;
    z-index:9;
    border-radius: 10px;
    margin-bottom:20px;
}

.GameNameText {
    margin: 10px 0 1px;
    font-size: 20px;
}

.Right30 {
    margin-right: 30px;
}

.Source {
  display: flex; 
  align-items: center;
  }
  
.SourceLink {
  color:blue; 
  display:inline-block;
  width:200px; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  margin-left: 5px;
  }

.DescriptionSection {
    width: 1155px;
    user-select: auto;
    margin: -10px auto 10px auto;
    background: white;
    border-radius: 10px;
}

.AD1 {
    margin: 300px 0 0 -10px;
}

.figbutton {
    user-select: auto;
    font-family: Arial;
    text-align: center;
    width: 90px;
    font-weight: normal;
    margin-left: -5px;
}

.figbutton2 {
    user-select: auto;
    font-family: Arial;
    text-align: center;
    width: 90px;
    font-weight: normal;
    margin-left: -5px;
}
.figbutton3 {
    font-size:14px;
    user-select: auto;
    font-family: Arial;
    text-align: center;
    width: 80px;
    font-weight: normal;
    margin-left: 0px;
    }


.figbutton:hover, .figbutton2:hover {
    color: orange;
    text-decoration: underline;
}

.figbutton2 {
    font-size: 13px;
}

.hover-zoom:hover {
    transform: scale(1.1);
    transition: transform 0.5s ease;
    cursor: pointer;
}

.HoverSelect, .HoverSelect2, .HoverSelect3, .HoverSelect4 {
    position: relative;
    display: inline-block;
}

.topnav {
    background-color: #333;
    overflow: hidden;
    width: 100%;
    height: 30px;
    user-select: auto;
    margin-bottom: 10px;
    border: 1px solid lightgray;
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 800px) {
    .topheight {
        width: 100%;
        height: 10px;
    }
}

.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 0 16px 0 0;
    text-decoration: none;
    font-size: 17px;
    text-shadow: -1px -1px 0 #6035ff, 0 -1px 0 #6035ff, 1px -1px 0 #6035ff, 1px 0 0 #6035ff, 1px 1px 0 #6035ff, 0 1px 0 #6035ff, -1px 1px 0 #6035ff, -1px 0 0 #6035ff;
}

.topnav a:hover {
    color: #74f5ff;
}

.topnav a.active {
    background-color: #04AA6D;
    color: white;
}

.NavLink {
    margin: -10px 10px 0;
    user-select: auto;
}

.NavDivider {
    height: 30px;
    margin: -15px -10px 0;
}

.scaled-container {
    transform: scale(0.8);
    transform-origin: top left;
    width: 126.5%;
    height: 125%;
    margin: -10px 0 0 -7px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

body {
    background-image: url('/flash/Images/bg.jpg');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow-x: hidden;
}

.ButtonRowIcon {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.ButtonDiv, .ButtonDiv2 {
    float: left;
    margin: 20px -45px -20px 10px;
    border: 0 solid red;
}

.ButtonDiv2 {
    margin: 1px -60px -20px 20px;
}

.ButtonDiv2style {
    width: 140px;
    height: 130px;
}

.figbutton2div {
    width: 90px;
    height: 20px;
}

.SmallLogo {
    height: 30px;
    margin: -15px 15px 0 0;
}

.AD2 {
    margin-top: 20px;
    position: absolute;
    margin-left: 2px;
    z-index: 1;
}

.GameKey2 {
    line-height: 24px;
    padding: 5px 0;
    overflow: hidden;
}

.GameKey2 span {
    font-weight: bold;
    line-height: 18px;
    overflow: hidden;
    margin-right: 4px;
}
.feedbackbtn {
  width: 120px;
  z-index:10;
  margin-top:100px;
  cursor:pointer
  }

.GameKey2{line-height:24px;padding:5px 0;overflow:hidden}
.GameKey2 span{font-weight:bold;line-height:18px;overflow:hidden;margin-right:4px;}
.GameKey2 .ico_c_mouseleft,.GameKey2 .ico_c_mousescroll,.GameKey2 .ico_c_mousemove,.GameKey2 .ico_c_drag,
.GameKey2 .ico_c_alt,.GameKey2 .ico_c_enter,.GameKey2 .ico_c_shift,.GameKey2 .ico_c_ctrl,.GameKey2 .ico_c_tab,.GameKey2 .ico_c_end,.GameKey2 .ico_c_space,
.GameKey2 .ico_c_left,.GameKey2 .ico_c_right,.GameKey2 .ico_c_up,.GameKey2 .ico_c_down,.GameKey2 .ico_c_lr,.GameKey2 .ico_c_ud,.GameKey2 .ico_c_wasd,.GameKey2 .ico_c_arrows,.PlayKey,.player1,.player2,.player3,.player4,.GameKey2 .ico_c_blank{height:23px;background:url(/flash/Images/icon-keyboard.png) no-repeat;display:inline-block;vertical-align:middle}
.GameKey2 .ico_key{width:24px;height:23px;font-weight:bold;text-align:center;font:bold 9px/18px Verdana,Arial,Helvetica,sans-serif;color:#363636;background:url(/flash/Images/icon-keyboard.png) 0 -552px no-repeat;padding-top:5px;vertical-align:middle;display:inline-block}
.GameKey2 .ico_c_mouseleft{width:24px;height:30px;background-position:4px 3px}
.GameKey2 .ico_c_mousescroll{width:24px;height:32px;background-position:3px -28px}
.GameKey2 .ico_c_mousemove{width:24px;height:32px;background-position:2px -63px}
.GameKey2 .ico_c_drag{width:24px;height:32px;background-position:0 -98px}
.GameKey2 .ico_c_alt{width:41px;height:28px;background-position:0 -134px}
.GameKey2 .ico_c_enter{width:52px;height:28px;background-position:0 -166px}
.GameKey2 .ico_c_shift{width:52px;height:28px;background-position:0 -198px}
.GameKey2 .ico_c_ctrl{width:41px;height:28px;background-position:0 -230px}
.GameKey2 .ico_c_tab{width:41px;height:28px;background-position:0 -262px}
.GameKey2 .ico_c_end{width:41px;height:28px;background-position:0 -294px}
.GameKey2 .ico_c_space{width:78px;height:28px;background-position:0 -326px}
.GameKey2 .ico_c_left{width:24px;height:28px;background-position:0 -358px}
.GameKey2 .ico_c_right{width:24px;height:28px;background-position:0 -390px}
.GameKey2 .ico_c_up{width:24px;height:28px;background-position:0 -422px}
.GameKey2 .ico_c_down{width:24px;height:28px;background-position:0 -454px}
.GameKey2 .ico_c_blank{width:24px;height:28px;background-position:0 -550px;font-weight:bold;text-align:center;font:bold 9px/18px Verdana,Arial,Helvetica,sans-serif;color:#363636;padding-top:5px;vertical-align:middle;display:inline-block}
.GameKey2 .ico_c_lr{width:55px;height:28px;background-position:0 -486px}
.GameKey2 .ico_c_ud{width:55px;height:28px;background-position:0 -518px}
.GameKey2 .ico_c_wasd{width:53px;height:32px;background-position:0 -586px;overflow:hidden}
.GameKey2 .ico_c_arrows{width:53px;height:32px;background-position:0 -626px}
.GameKey2 .PlayKey{height:28px;width:98px;background-position:0px -761px;font-size:0px}
.GameKey2 .player1,.GameKey2 .player2,.GameKey2 .player3,.GameKey2 .player4{height:23px;width:69px;font-size:0px;line-height:23px;float:left;margin-top:5px}
.GameKey2 .player1{background-position:0px -702px}
.GameKey2 .player2{background-position:0px -728px}
.GameKey2 .player3{background-position:0px -754px}
.GameKey2 .player4{background-position:0px -780px}
.GameKey2 .GameKey2Divide{color:red;height:1px}
.GameKey2 .GameKey2Spliter{color:green;height:1px}
.GameKey2 em{font-style:normal;display:block;float:left;height:32px;white-space:nowrap}
.GameKey2 ul{float:left;width:750px}
.GameKey2 li{float:left;display:inline;height:32px;margin-right:5px;white-space:nowrap}

:root {
    --header-image: url('');
    --body-bg-image: url('');
    --content: #43256E;
}

body {
    font-family: 'Nunito', sans-serif;
}

* {
    box-sizing: border-box;
}

#header {
    width: 100%;
    background-color: #FFFFFF;
    height: 150px;
    background-image: var(--header-image);
    background-size: 100%;
}

#navbar {
    height: 40px;
    background-color: #13092D;
    width: 100%;
}

#navbar ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: space-evenly;
}

#flex {
    display: flex;
}

aside {
    background-color: #FFFFFF;
    width: 200px;
    padding: 20px;
    font-size: smaller;
    border: 1px solid black;
}

main {
    background-color: #FFFFFF;
    flex: 1;
    padding: 20px;
    order: 2;
}

#leftSidebar {
    order: 1;
}

#rightSidebar {
    order: 3;
}

footer {
    background-color: #13092D;
    width: 100%;
    height: 40px;
    padding: 0;
    text-align: center;
}

h1, h2, h3 {
    color: #000000;
}

h1 {
    font-size: 25px;
}

strong {
    color: #000000;
}

#topBar {
    width: 100%;
    height: 30px;
    padding: 0;
    font-size: smaller;
    background-color: #13092D;
}

@media only screen and (max-width: 800px) {
    #flex {
        flex-wrap: wrap;
    }

    aside {
        width: 100%;
    }

    main {
        order: 1;
    }

    #leftSidebar {
        order: 2;
    }

    #rightSidebar {
        order: 3;
    }

    #navbar ul {
        flex-wrap: wrap;
    }
}