/* RESET */
html,
body {
  height: 100%;
  margin: 0;
}
body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
}
a {
  color: inherit;
  /* text-decoration: inherit; */
}
* {
  /* font-size: clamp(0.719rem, 0.612rem + 0.531vh, 1.25rem) !important; */
  font-size: clamp(1rem, 0.967rem + 0.175vw, 1.125rem);
}

/* CLASS */
.bg-blue {
  background-color: #003366;
}
.bg-green {
  background-color: limegreen;
}
.bg-red {
  background-color: red;
}
.bg-yellow {
  background-color: #ffd700;
}
.bg-magenta {
  background-color: #ff00ad;
}
.bg-grey {
  background-color: #919191;
}
.circle-img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}
.fs-12 {
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  .circle-img {
    width: 200px;
    height: 200px;
  }
}

@media (min-width: 1024px) {
}
@media screen and (min-width: 1001px) {
  * {
    /* font-size: clamp(0.719rem, 0.612rem + 0.531vh, 1.25rem) !important; */
    font-size: clamp(0.875rem, 0.842rem + 0.175vw, 1rem);
  }
}