@import url(https://cdn.katsuragi.cyou/fonts/EN/Eurostile-Bold);
@import url(animation.css);

* {
  font-family: 'Eurostile-Bold', sans-serif;
}

html, body {
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  height: 100vh;

  background: url(https://frame.caffe.quest/cdn);
}

.overlay {
  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, .6);
  backdrop-filter: blur(5px);
  color: whitesmoke;

  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-self: center;
}

.textBox {
  animation-name: fadeDown;
  animation-duration: 1s;
}

h1 {
  font-size: 3rem;
  margin: .5rem;
}

h2 {
  font-size: 1.5rem;
  margin: .5rem;
}

.footer {
  width: 100%;
  padding: 1rem 0;

  text-align: center;

  position: fixed;
  bottom: 0;

  background-color: #2e2f2f;
  color: whitesmoke;
}

.footer a {
  color: whitesmoke;
  transition: all .3s;
}

.footer a:hover {
  text-decoration: none;
  opacity: .6;
}