@font-face {
  font-family: comic;
  src: url(comic.ttf);
}

* {
  font-family: comic;
}

body {
  background: linear-gradient(#bfbfbf, #afafaf 100%);
}

header, footer {
  color: black;
  background-color: #969696;
  padding: 15px;
  /*border-radius: 5px;*/
}

#container {
  background-color: white;
  color: black;
  padding: 15px;
}

a {
  color: black;
  text-decoration: none !important;
}

#menu {
  font-size: 24pt;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 20px;
  padding-left: 10px;
}

header > h1, footer {
  text-align: center;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

.outline {
  text-shadow:1px 0px 0px white,0px 1px 0px white,-1px 0px 0px white,0px -1px 0px white,1px 1px 0px white,1px -1px 0px white,-1px 1px 0px white,-1px -1px 0px white;
}

video {
  background-color: black;
}

figcaption {
  font-style: italic;
}