@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Francois+One&family=Russo+One&display=swap');



/* Scroll bar START*/
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #444; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #333; 
}
/* Scroll bar END*/


body {margin: 0;font-family: Arial, Helvetica, sans-serif;}
.MenuHeader {overflow: hidden;background-color: #333;}
.MenuHeader a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}
.MenuHeader a:hover {background-color: #ddd;color: black;}
.MenuHeader a.active {background-color: #00A6CA;color: white;}
.MenuHeader .iconMenu {display: none;}

#game_div {margin: 50px;text-align: -webkit-center;}
#grid{list-style-type: none;padding-left: 0px;}
.switch{position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: #E29300;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #1E5FE2;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
#grid li{padding: 5px 0px 5px 0px;}
#grid li label{margin: 0px 5px 0px 5px;}


.CenterDiv{text-align: -webkit-center;}
.LeftDiv{text-align: -webkit-left;}
.ErrorMSG{color:red;}
.list_info{font-size:20px; text-align:center;}
.AccountInfoUsername{font-size:20px; text-align:center; color:green;}
/* .DepositIMG{border:2px solid gray; background: center / contain no-repeat url("../img/folder.png"); width:500px; height:500px; cursor:pointer;} */

/* input[type="file"] {opacity:0;} */

.liststreamerdiv {width:400px;}
.liststreamer{background:#f2f2f2;}
.liststreamer nav ul{height:300px; overflow-y:scroll; overflow-x:hidden; text-align:center; margin:0; padding:0;}
.listreamer{transition:transform .2s, background-color .2s; background-color:transparent; text-decoration:none;  list-style-type: none;}
.listreamer:hover{transform: scale(1.1); background-color:#e5e5e5;}
.linkstreamer{color: #005898; font-weight:800; font-size:25px; text-decoration:none; vertical-align:middle; cursor:pointer; margin:0;}	
#titlelsitstreamer{text-align:center; font-size:30px; margin:10px; color: #444; font-family: 'Staatliches', cursive; }
.streamerlistimg{border-radius:5000px; padding:5px; width:50px; vertical-align:middle;}




	
	
	@media screen and (max-width: 700px) 
{
	.MenuHeader a:not(:first-child) {display: none;}
	.MenuHeader a.iconMenu {float: right;display: block;}
	.MenuHeader.responsive {position: relative;}
	.MenuHeader.responsive .iconMenu {position: absolute;right: 0;top: 0;}
	.MenuHeader.responsive a {float: none;display: block;text-align: left;}
	.DepositIMG{width:250px; height:250px;}
	.liststreamerdiv {width:100%;}
	#titlelsitstreamer {font-size:22px;}
}