body {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  background-image: url(./img/bg-desktop.png);
  background-color: #360766;
  background-size: cover;
  background-position: top;
}

[v-cloak] {
  display: none;
}

.font-mali {
  font-family: 'Mali', cursive;
}

.text-orange {
  color: #f68635;
}

a {
  color: #f68635;
  font-weight: bold;
}

a:hover {
  color: #d77264;
}

.carousel-indicators {
  bottom: -2.5rem;
}

.carousel-indicators [data-bs-target] {
  background-color: #d77264 !important;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.form-container {
  width: 50%;
}

.btn-vote {
  background-color: #f68635;
  border-color: #f68635;
  color: #fff;
}

@media (max-width: 576px) {
  body {
    background-image: url(./img/bg-mobile.png);
    background-color: #360766;
    background-size: contain;
    background-position: top center;
  }

  .form-container {
    width: 100%;
  }
}