@import "../../../styles.scss";
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
.card {
  min-width: 140px;
  max-width: 140px;
  min-height: 230px;
  border: 0px solid #c2c2c2;
  background: rgb(255,166,1);
  background: $yellow_gradient;
  border-radius: 3% !important;
  padding: 0px;
}

.transparent {
  background: inherit;
  max-width: 200px;
}

figure {
  border-radius:100%;
  display:inline-block;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.participant-photo {
  width:135px;
  height:135px;
  border-radius:100%;
}

.card-title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  font-family: 'Pacifico', cursive;
}

@keyframes floatText {
  to {
    transform: translateX(-100%);
  }
  from {
    transform: translateX(0);
  }
}

.card-subtitle
{
  text-align: center;
}

.small {
  height: auto;
  min-height: auto;
}
.banned {
  filter: brightness(50%)
}

.card-icon {
  height: 32px;
  width: 32px;
}

.big {
  font-size: 3em;
  color: $thg_green;

  transition-delay: 2s;
}

.title {
  transition: font-size 2s;
}

.m-3 {
  margin: 7px !important;
}