@font-face {
  font-family: "Calibri";
  src: url("Calibri Regular.ttf");
  src: url("Calibri Bold.ttf"), weight: bold;
  src: url("Calibri Italic.ttf"), weight: italic;
}
body {
  font-family: "Calibri";
}

nav {
  text-align: center;
  font-size: 2vw;
}

article {
  text-align: center;
}

a {
  text-color: white;
}

a:link {
  text-decoration: none;
}

button a:link {
  text-decoration: none;
  color: white;
}

a:visited {
  text-decoration: none;
  text-color: #00bfee;
}

a:hover {
  text-decoration: none;
  color: #003399;
}

h1 {
  text-align: center;
  color: #00bfff;
}
.dynamic {
  color: #00bfff;
}

button a {
  font-size: 2vw;
}
button {
  font-size: 2vw;
  background-color: #00bfff;
  border: none;
  padding: 15px 30px;
  border-radius: 25px;
  font-family: Calibri;
}

button:hover {
  color: #003399;
}

button:active {
  color: #003399;
}

h2 {
  font-size: 4vw;
  text-align: center;
}