html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
  transition: all ease 0.4s;
}

body{
  font-family: 'Roboto','Helvetica Neue', 'Lucida Grande', sans-serif;
  position: relative;
}

body, h1,h2,h3, p{
	margin:0;
	padding:0;
}

#game-container {
  background: rgba(0,0,0, 0.2);
  min-width: 320px;
  max-width: 1000px;
  min-height: 480px;
  max-height: 1000px;
  width:100%;
  height: 100%;
  position: fixed;
}


#emoticon {
  font-size: 60px;
  text-align: center;
  width: 13.75%;
  position: absolute;
  cursor: pointer;
  vertical-align: middle;

  animation: growAnimation 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  -webkit-animation: growAnimation 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  -moz-animation: growAnimation 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
}

.game-info-cont {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: rgba(255, 31, 0, 0.32);
}

#clicksDiv, #countDownDiv {
  color: rgb(215, 244, 33);
}
#clicksDiv {
  float: left;
}
#countDownDiv {
   float: right;
}

/* Make me responsive */
@media screen and (max-width: 1000px){
}

/*
  Animation habibi
*/
@-webkit-keyframes growAnimation {
  0%   {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1.5);
  }
}
@keyframes growAnimation {
  0%   {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1.5);
  }
}