body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    background-color: #35342D;
    overflow-x: hidden;
    color: white;
  }
  .sidenav {
      height: 100%; 
      width: 0; 
      position: fixed; 
      z-index: 1; 
      top: 0; 
      left: 0;
      background-color: #111; 
      overflow-x: hidden; 
      padding-top: 60px; 
      transition: 0.4s; 
    }
    
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: gold;
      display: block;
      transition: 0.3s;
      float:left;
    }
    
    .sidenav a:hover {
      color: white;
    }
    
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
    }
    .sidenavtext {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: gold;
      display: block;
      transition: 0.3s;
      border-radius: 20px;
    }
    .sidenavtext:hover{
      color: white;
      background-color: gold;
      border-radius: 20px;
    }
    
    #main {
      transition: margin-left .5s;
      padding: 20px;
    }
  .logobtn {
    transition: 0.6s;
  }
  .icon .logobtn{
    transform: rotate(360deg);
  }
  div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
    border-radius: 30px;
  }
  
  div.scrollmenu a {
    display: inlie;
    color: white;
    text-align: center;
    text-decoration: none;
  }
  div.scrillmenu a:hover {
    background-color: #35342D;
  }
  ::-webkit-scrollbar {
    width: 8px;
    }
    
    ::-webkit-scrollbar-track {
    background-color:#35342D;
    border-radius: 0px;
    }
    
    ::-webkit-scrollbar-thumb {
    background: gold; 
    border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
    background: goldenrod; 
    }
    .topnav {
    overflow: hidden;
    background-color: black;
    }
    
    .topnav a {
    float: right;
    color: gold;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    text-shadow: 0 0 10px white;
    }
    
    .topnav a:hover {
    background-color: gold;
    color: white;
    border-radius:5px;
    text-shadow: 0 0 10px white;
    }
    
    .topnav a.active {
    background-color: gold;
    color: white;
    }
    .container {
      margin-top:6px;
      margin-left:9px;
      display: inline-block;
      cursor: pointer;
      }
    .closebtn {
      color:gold;
    background-color: transparent;
    }
    .closebtn:hover {
      color:white;
      background-color: transparent;
    }
    .banner {
      text-align: center;
      width: 100%;
    }
  div.scrollmenu a:hover {
    background-color: gold;
  }
    a:link {
      color: gold;
    }
    
    a:visited {
      color: gold;
    }
    
    a:hover {
      color: goldenrod;
    }
    
    a:active {
      color: gold;
    }
      .btn {
      border: 2px solid gold;
      background-color: #35342D;
      color: gold;
      padding: 5px 20px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      float:none;
      width: 250px;
      text-overflow: ellipsis;
      white-space  : nowrap;
      text-align: center;
      display:inline-block;
      text-shadow: 0 0 10px gold;
    }
  .games {text-align:center;}
    .header {
      line-height: 0.4;
      text-align:center;
  }
  .dropdown {
    position: relative;
    display: inline-block;
    float:left;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #35342D;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 15px;
  }
  
  .dropdown-content a {
    color: gold;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .dropdown-container1 {
    display: none;
    background-color: #262626;
    padding-left: 8px;
  }
  .dropdown-btn1:hover {
    color: white;
      background:gold;
      border-radius:5px;
      text-shadow: 0 0 10px;
      
  }
  
  .dropdown-btn1 {
    padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 20px;
      color: gold;
      display: block;
      transition: 0.3s;
      background:black;
      border: none;
      width:250px;
      text-align:left;
      text-shadow: 0 0 10px;
  }
  .dropdown-container2 {
    display: none;
    background-color: #262626;
    padding-left: 8px;
  }
  .dropdown-btn2:hover {
    color: white;
      background:gold;
      border-radius:5px;
  }
  
  .dropdown-btn2 {
    padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 20px;
      color: red;
      display: block;
      border: none;
      transition: 0.3s;
      background:black;
      width:250px;
      text-align:left;
  }
  .dropdown-container3 {
    display: none;
    background-color: #262626;
    padding-left: 8px;
  }
  .dropdown-btn3:hover {
    color: gold;
      background:red;
      border-radius:5px;
  }
  
  .dropdown-btn3 {
    padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 20px;
      color: red;
      display: block;
      border: none;
      transition: 0.3s;
      background:black;
      width:250px;
      text-align:left;
  }
  .dropdown-container4 {
    display: none;
    background-color: #262626;
    padding-left: 8px;
  }
  .dropdown-btn4:hover {
    color: gold;
      background:red;
      border-radius:5px;
  }
  .games a {color:gold;text-align:center;text-shadow: 0 0 10px;}
  .gcontainer{display:inline-flex;box-sizing: border-box;text-align:center;margin:10px;background-color:grey;border:2px 2px solid grey;border-radius:10px}
  .gamename{color:gold;text-shadow: 0 0 10px;font-family: Arial, Helvetica, sans-serif;}
  .gl{text-decoration:none; color:gold;text-shadow: 0 0 10px;}
  .dropdown-btn4 {
    padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 20px;
      color: red;
      border: none;
      display: block;
      transition: 0.3s;
      background:black;
      width:250px;
      text-align:left;
  }
  .dropdown-content a:hover {text-shadow: 0 0 10px;background-color: gold;color:white;border-radius: 10px;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown:hover .dropbtn {text-shadow: 0 0 10px;background-color: goldenrod;border:2px solid goldenrod;color:white;}
  .btnm1 {
      border: 2px solid gold;
      background-color: #35342D;
      color: gold;
      padding: 5px 20px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      float:left;
      width:250px;
      text-overflow: ellipsis;
      white-space  : nowrap;
      text-align: center;
      text-shadow: 0 0 10px;
    }
    .btnm1:hover {
      background-color: goldenrod;
      color: white;
      text-shadow: 0 0 10px;
      border: 2px solid goldenrod;
    }
    .dropbtn { 
        background-color: transparent;
        color: gold;
        padding: 5px 20px;
        font-size: 16px;
        border: 2px solid gold;
        border-radius: 5px;
        text-shadow: 0 0 10px;
      }
    .btn:hover {
      background-color: goldenrod;
      color: white;
      border: 2px solid goldenrod;
      text-shadow: 0 0 10px white;
    }
    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
    }