.main {
  margin-top: 10pt;
  margin-bottom: 10pt;
}
.card {
  border: solid black 1pt;
  margin-top: 1em;
}
.introduction {
  border: solid white 0pt;
  padding: 0pt;
}

.introduction .card-body {
  padding: 0pt;
  margin-bottom: 1em;
}
.day-item {
  background-image: linear-gradient(to bottom right, #B60610 0%, #ed817f 100%);
  color: #EEEEEE;
  border-color: #d13841;
}
.day-item-solved {
  background-image: linear-gradient(to bottom right, #12590A 0%, #8cb99e 100%);
  color: #EEEEEE;
  border-color: #19733d;
}
.day-item .card-title {
  font-size: 50vw;
  margin-left: auto;
  margin-right: auto;
}
.solved {
  font-size: 10vw !important;
  margin-top: 0.3em;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.inactive {
  background-image: linear-gradient(to bottom right, #B3B3B3 0%, #EEEEEE 100%);
  color: #EEE;
  border-color: #CCC;
}

p {
  text-align: justify;
}

.card-header {
  background-color: #B5091C;
}
.card-header:hover {
  background-color: #621D2A;
}
.btn {
  background-image: linear-gradient(to bottom right, #12590A 0%, #8cb99e 100%);
  border-color: #12590A;
  color: #EEEEEE;
}
.btn:hover {
  background-image: linear-gradient(to bottom right, #23611B 0%, #9CBAAE 100%);
  color: #FFFFFF;
  border-color: #23611B;
}