/**
* YATMA  - Yet Another Tipkick Mobile App
 * Copyright (C) 2022 by Esra Kummer
 */

/************************************************************************************* 
 *	General (G)								 		                                 *
 *************************************************************************************/

body {
    background-image:url("../images/back.jpg");
}
.ui-page {
    background: transparent;
}
.ui-content{
    background: transparent;
}
.ui-btn {
 font-size: 20px !important; 
}
html {
    height: 100%;
}
main {
  height: 98vh;
  padding-left: 5px;
  padding-right: 5px;
}
#burger-menu {
  color: #333;
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 55px;
  z-index: 53;
  cursor: pointer;
}

#menu-overlay {
  position: absolute;
  color: #fff;
  height: 100%;
  width: 100%;
  z-index: 56;
  background-image:url("../images/back.jpg");
}

#overlay {
  position: absolute;
  color: #fff;
  height: 100%;
  width: 100%;
  z-index: 55;
  font-size: 8vw;
  text-align: center;
  background-image:url("../images/back.jpg");
  padding-top: 20vh;
}

.player2_menu{
  width: 100%;  
}

.goal {
  width: 90%;
  font-size: 25vh;  
  line-height: 25vh;
  cursor: pointer;
  height: calc(100% - 50px);
}
.minus_Goal {
  font-size: 11vh;  
  cursor: pointer;
  color: #f00;
}
#middle {
  height: 20%;
  padding-top: 50px;
}
#middle-top {
  margin-top:-8vh;
  color: white;
  font-size: 8vh;  
  text-align: center;
}
.minus, .plus, .reset, .play-pause, .full_national_anthem {
  cursor: pointer;  
}
.playtime_whole {  
  font-size: 3vh;  
}
#player_1_Container, #player_2_Container {
  height: 39%;
  text-align: center;
  color: white;
}
#player_2_Container {
  position: absolute;
  bottom: 25px;
  width: calc(100% - 10px);
}




.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
  font-size: 60px;
}
.waviy span {
  position: relative;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
  
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}








.tick {
  font-size:1.5vh;
  white-space:nowrap;
  font-family:arial,sans-serif;
}

.tick-flip,.tick-text-inline {
  font-size:400%;
}

.tick-label {
  margin-top:1em;font-size:1em;
}

.tick-char {
  width:1.5em;
}

.tick-text-inline {
  display:inline-block;text-align:center;min-width:1em;
}

.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}

.tick-group {
  margin:0 .5em;text-align:center;
}

.tick-text-inline {
   color: rgb(0, 0, 0) !important; 
}

.tick-label {
   color: rgb(0, 0, 0) !important; 
   display: none !important;
}

.tick-flip-panel {
   color: rgb(250, 255, 250) !important; 
}

.tick-flip {
   font-family:linotte-semibold, sans-serif !important; 
}

.tick-flip-panel-text-wrapper {
   line-height: 1.45 !important; 
}
.tick-credits {
    display: none;
}

.tick-flip-panel {
   background-color: #3c3e3c !important; 
}

.tick-flip {
   border-radius:0.09em !important; 
}