body {
  margin: 0px;
  padding: 0px;
}

.container {
  position: relative;
  width: 100vw;
  height: auto;
}

.background {
  width: 100vw;
  height: auto;
}

.shadow {
  filter: drop-shadow(5px 5px 5px #222);
}

.intro {
  position: absolute;
  width: 80vw;
  top: 7%;
  left: 10vw;
  z-index: 2000;
  visibility: visible;
}

.bets {
  position: absolute;
  width: 70vw;
  top: 7%;
  left: 15vw;
  visibility: hidden;
}

.info {
  position: absolute;
  width: 60vw;
  top: 20%;
  left: 20vw;
  font-size: 3.5vw;
  visibility: hidden;
}

.winner {
  position: absolute;
  width: 50vw;
  top: 25%;
  left: 25vw;
  z-index: 1000;
  visibility: hidden;
}

.btn-place {
  position: absolute;
  width: 30vw;
  top: 82%;
  left: 35%;
  z-index: 1005;
  visibility: visible;
}

.btn-start {
  position: absolute;
  width: 30vw;
  top: 82%;
  left: 35%;
  z-index: 1005;
  visibility: hidden;
}

.btn-again {
  position: absolute;
  width: 30vw;
  top: 82%;
  left: 35%;
  z-index: 1005;
  visibility: hidden;
}

.btn-roll {
  position: absolute;
  width: 12.5vw;
  height: auto;
  top: 2vh;
  z-index: 1005;
  visibility: hidden;
}

.btn-roll-left {
  left: 20px;
}
.btn-roll-right {
  right: 20px;
}

.badge {
  position: absolute;
  left: 2%;
  width: 3%;
  height: auto;
}

.badge-1 {
  top:27.7%;
}

.badge-2 {
  top:39%;
}

.badge-3 {
  top:50%;
}

.badge-4 {
  top:61%;
}

.badge-5 {
  top:72.2%;
}

.badge-6 {
  top:83.2%;
}

.car {
  position: absolute;
  left: 6%;
  width: 10%;
  height: auto;
  transition: 0.75s ease-in;
  filter: drop-shadow(-3px -3px 7px #222);
  z-index: 800;
}

.car-1 {
  top:27.7%;
}

.car-2 {
  top:36.5%;
}

.car-3 {
  top:50.5%;
}

.car-4 {
  top:59.7%;
}

.car-5 {
  top:71.7%;
}

.car-6 {
  top:83%;
}