body {
  font-family: Calibri, sans-serif;
  font-size: 24px;

  width: 75vw;
  height: 50vh;

  margin-left: auto;
  margin-right: auto;
  margin-top: 25vh;
}

.coolest {
  font-weight: 900;
  font-style: italic;
}

h3 {
  margin-bottom: 0;
}

.link-data {
  width: 75vw;

  margin-bottom: 3em;

  font-family: Calibri, sans-serif;

  padding: 10px;

  border-bottom: black;
  border-top: black;
  border-right: black;
  border-left: black;
  border-width: 1px;
  border-radius: 3px;
}

.button {
  height: 40px;
  width: 100px;
  background-color: lightcoral;
  border: lightpink;
  color: black;
  font-weight: 700;
  font-family: Calibri, sans-serif;
}

.pepsi {
  background-color: #3D5AFE;
  border: lightskyblue;
}


.cola {
  background-color: #f44336;
  border: lightcoral;
}

.water {
  background-color: lightblue;
  border: lightcyan;
}

.fanta {
  background-color: #f6993f;
  border: #ffb670;
}

.sprite {
  background-color: #00973f;
  border: #62b43a;
}

.justascool {
  display: none;
  opacity: 0.0;
  transition: opacity, 1s;
}

.data {
  font-size: 12px;
}