@keyframes fadeIn {
            to {
                opacity: 1;
            }
}

.button {
  background-color: grey;
  text-shadow: 3px 3px #484;
  color: white;
  width: 25%;
}
.button:hover {
  background-color: white;
  color: black;
}
.button:active {
  background-color: #062;
  color: black;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

html {scroll-behavior: smooth;}

body {
  background-color: black;
  background-image: url("wallpaper.jpg");
  background-attachment: fixed;
  background-position: center;
  background-size: 100%;
  font-family: Times;
}

footer {
  color: #FFF;
}
a {
  color: #FFF;
}
h2 {
  color: white;
  text-shadow:
    3px 3px 0 #484,
    -3px 3px 0 #484,
    -3px -3px 0 #484,
    3px -3px 0 #484;
  font-size: 44px;
  width: 100%;
  text-align:center;
}
h3 {
  color: white;
  background-color: #000;
  font-size: 22px;
  text-align:center;
}
 img {
  display: block;
  margin: auto;
  width: 50%;
}

table.navbar{
  margin: auto;
  width: 100%;
  font-size: 30px;
  text-align: center;
}
div {
  background-color: #000;
  padding: 20px;
  text-align: center;
}
p {
  color: #ADA;
  font: 22px bold Times;
}