/*
* Percentage Calculator v1.0.0
* Copyright 2021, Steve Granshaw
* www.freesuite.net
*/

#coin {
  width: 100%;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}

/* Larger than phablet */
@media (min-width: 550px) {
  #coin {
    background-size: 40%;
  }
}

/* Larger than tablet */
@media (min-width: 750px) {
  #coin {
    background-size: 30%;
  }
}

/* Larger than desktop */
@media (min-width: 1000px) {
  #coin {
    background-size: 20%;
  }
}

#coin-text {
  width: 80%;
  margin: 0 10%;
  position: absolute;
  bottom: 12%;
  text-align: center;
  font-size: 2rem;
  color: rgba(152, 152, 152, 1);
}

.land-text {
  font-size: 3rem !important;
}

.coin-blank {
  background-image: url('images/coin-blank.png');
}

.coin-toss {
  background-image: url('images/coin-toss.gif');
}

.coin-heads {
  background-image: url('images/coin-heads.png');
}

.coin-tails {
  background-image: url('images/coin-tails.png');
}