body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 600;
  font-size: 2vmin;
  color: rgb(247, 189, 0);

  background-color: #66acfc;
}

html,
body {
  margin: 0;
  height: 100%;
}
main {
  height: 100%;
}
section {
  height: 80%;
}
.content {
  position: relative;
  left: 2.5%;
  width: 95%;

  height: 100%;
  background-color: #055a8f80;
}
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #055a8f80;
  display: flex;
  justify-content: flex-end;
}
footer a {
  margin: 0.1em 1em;
}

h1 {
  text-align: center;
}

/* text modifications */
div.stroke,
div.stroke a {
  -webkit-text-stroke: 0.02em black;
}
div.gradient {
  background: -webkit-linear-gradient(rgb(255, 255, 0) 40%, rgb(255, 50, 0));
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
a:hover div.gradient {
  background: -webkit-linear-gradient(rgb(255, 255, 0) 15%, rgb(255, 50, 0));
  background-clip: text;
  -webkit-background-clip: text;
}
div.shadow {
  text-shadow: 0.05em 0.15em grey;
}
div.shadow.gradient {
  text-shadow: none;
  filter: drop-shadow(0.05em 0.15em rgb(100, 100, 100));
}
a {
  text-decoration: none;
  color: rgb(253, 136, 2);
}
a:hover {
  color: rgb(214, 10, 10);
}

/* content details */
.content .text {
  position: relative;
  left: 2%;
  top: 2%;
}
.content .text .title {
  font-size: 200%;
  margin-top: 2vh;
}
.content .text .big {
  font-size: 150%;
  margin-top: 2vh;
}