@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('default-theme.css');

.hidden {
  display: none;
}

.grayscale {
  filter: grayscale(100%);
}

.image-popout {
  max-width: 400px;
  margin: auto;
}

.opt-inline {
  display: inline;
}

.opt-block {
  display: block;
}

.copyright {
  float: right;
}

.footer-info {
  float: left;
}

.fnt-title {
  font-family: 'Audiowide', cursive;
}

.fnt-body {
  font-family: 'Lato', sans-serif;
}

h1 {
  text-align: center !important;
  width: 75%;
  margin: 20px auto;
}

@media screen and (max-width: 800px) {
  h1 {
    width: 75%;
    margin: 20px auto;
  }
}