@font-face {
  font-family: 'PixelFont'; /* İstediğiniz font ailesi adını burada belirtin */
  src: url('../font/VCR_OSD_MONO_1.001.ttf'); /* Pixel font dosyasının yolunu burada belirtin */
}

.font-pixel {
  font-family: 'PixelFont', sans-serif; /* Pixel font ailesini kullanmak için burada adını belirtin */
}

ul { list-style: none; margin: 0; padding: 0; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  user-select: none;
}


body {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: transparent;
  color: #fff;
  font-family: 'PixelFont', sans-serif;
}

::-webkit-scrollbar {
  width: 0px;
}

#fullscreen-button {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 9999;
  cursor: pointer;
}

.button {
  display: inline-block;
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}

.cells{
  display: inline-block;
  width: 48px;
  border-style: solid;
  border-width: 1px;
  background-color: #a3a3a3;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
  color: #fff;
  font-size: 25px;
  line-height: 50px;
  cursor: pointer;
}

.blink {
  animation: blinker 0.9s linear infinite;
  color: white;
  font-size: 30px;
  font-weight: bold;
  font-family: sans-serif;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.blinkRed {
  animation: blinker 1.6s linear infinite;
  color: white;
  font-weight: bold;
  font-family: sans-serif;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.blinkBlue {
  animation: blinker 1.6s linear infinite;
  color: white;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 18px;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.blinkGray {
  animation: blinker 1.6s linear infinite;
  color: #42404D;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 18px;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

/* .betsGroup{
  display: inline-flex;
} */

/* .bluecorner, 
.redcorner, 
.maps, 
#logs, 
#timer, 
#gameOrderLog, 
#blueOrderLog, 
#redOrderLog, 
#redOrderLogBet, 
#blueOrderLogBet, 
#redRollButton, 
#blueRollButton, 
#redCounter,
#blueCounter,
#Winner,
#cup1, 
#blueWinnerLogo, 
#redWinnerLogo, 
#Refresh,
#noWinnerLogo, 
#NoWinner, 
#redWinnerLog, 
#blueWinnerLog,
#form,
#redImg,
#blueImg{
  -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);
  text-align: center;
} */

/* .maps{
  width: 236px;
} */

.betsblue{
  width: 35px;
  border-style: solid;
  border-width: 1px;
  background-color: #a3a3a3;
  margin: 5px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 45px;
  cursor: pointer;
}

.betsred{
  width: 35px;
  border-style: solid;
  border-width: 1px;
  background-color: #a3a3a3;
  margin-right: 7px;
  margin-bottom: 7px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 45px;
  cursor: pointer;
}

.cells:hover{
  background: #00b300;
  color:#fff;
}

.betsblue:hover{
  background: #00b300;
  color:#fff;
}

.betsred:hover{
  background: #00b300;
  color:#fff;
}

.betsSelect{
  background: #00b300;
  color:#fff;
  cursor: not-allowed;
  pointer-events: none;
}

.betsSelected {
  background: #00b300;
  color:#fff;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.2;
}

.betsNotSelected {
  background: red;
  color:#fff;
}

.game-list ul {
  padding-left: 20px;
}

.game-list ul li {
  list-style: decimal;
}