/* @font-face {
  font-family: rounded-elegance;
  src: url(../fonts/rounded-elegance.woff2);
}

@font-face {
  font-family: montserrat;
  src: url(../fonts/montserrat/Montserrat-Bold.woff2);
} */

@font-face {
  font-family: desuza;
  src: url(../fonts/DesuzaProItalic.woff2);
}

* {
  font-family: desuza !important;
}

/* 
.character-card {
  transition: transform 0.2s, border-color 0.2s;
} */

.character-card input[type="radio"] {
  display: none;
}

/* .character-card:hover {
  transform: scale(1.05);
}

.character-card.selected {
  transform: scale(1.05);
  opacity: 1;
  background: #06DEFF;
} */

#submission-form label {
   text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px  2px 0 #000, 2px  2px 0 #000;
}

@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.animate-pulse-scale {
  animation: pulseScale 1.5s ease-in-out infinite;
}


@media screen and (min-width: 380px) and (max-width: 550px) and (min-height: 700px) {
  #label-nama {
    margin-top: 0 !important;
  }
}


@media screen and (max-width: 320px) and (max-height: 570px) {
  #submission-form {
    padding-top: 5rem !important;
  }
}


@media screen and (min-width: 360px) and (max-width: 430px) and (min-height: 750px) and (max-height: 932px) {
  #submission-form {
    transform: translateY(-5rem);
  }
}

@media screen and (width: 540px) and (height: 720px) {
  #character-container div:nth-child(2) {
    margin-top: 3rem !important;
  }

  .character-card {
    width: 150px;
  }

  #submission-form {
    padding-top: 7rem !important;
  }
}

@media screen and (width: 320px) and (height: 480px) {
  .character-card {
    width: 100px;
  }
}