html {
  font-family: 'Times New Roman', Times, serif;
  display: block;
  left: 0;
  top: 0;
  width: 720px;
  min-width: 720px;
  height: 1480px;
  min-height: 1480px;
  background-image: url('./assets/BG_mobile.jpg');
  background-position: center 0;
  background-repeat: no-repeat;
  background-color: #3e2914;
}

#desktop-wrapper {
  display: none;
}

#mobile-wrapper {
  display: block;
}

.vote-btn--wrapper {
  display: flex;
  flex-direction: row;
}

.form--input {
  margin-top: 300px;
}

.louis-btn {
  display: block;
  width: 230px;
  height: 230px;
  margin-left: 81px;
  border-radius: 100%;
}

.louis-btn:hover {
  box-shadow: 0px 0px 75px 100px rgba(255, 215, 0, 0.5);
}

.charles-btn {
  display: block;
  width: 230px;
  height: 230px;
  margin-left: 97px;
  border-radius: 100%;
}

.charles-btn:hover {
  box-shadow: 0px 0px 75px 100px rgba(255, 215, 0, 0.5);
}

.progress-bar-wrapper {
  width: 54.8%;
  display: flex;
  margin-top: 131px;
  margin-left: 163px;
  height: 57px;
}

.blue-bar {
  object-fit: cover;
  background-image: url('./assets/blue-bar.png');
  color: #FABE2F;
  font-size: 30px;
}

.red-bar {
  object-fit: cover;
  background-image: url('./assets/red-bar.png');
  color: #FABE2F;
  font-size: 30px;
}

.key--input {
  margin-top: 22px;
  margin-left: 220px;
}