@import "../variables";
@import "../mixins";

.exos-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  grid-auto-flow: dense;
  & div {
    width: max-content;
  }
}

.exo > p {
  font-weight: 900;
}

.title {
  & > span {
    font-size: 0.8em;
    opacity: 0.8;
  }
}

.head {
  display: flex;
  justify-content: space-between;
  @include down(840) {
    flex-direction: column;
  }
  & .note {
    font-size: 1.5em;
    font-weight: 700;
    margin-right: 10px;
  }
}

.fail,
.red {
  color: $red;
}

.success,
.green {
  color: $green;
}

.notTrust {
  color: grey;
}