html, body {
  height: 100%;
  margin: 0;
}

body {
    background-image: url("images/bg.webp");
}

@font-face {
  font-family: Deezer;
  src: url(fonts/DeezerNormal-Bold.woff);
}

.enter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

p.enter {
  color: white;
  text-align: right;
  font-size: 42px;
  font-family: Deezer;
}

.menu {
  color: #161616;
  text-align: center;
  font-size: 22px;
  font-family: Deezer;
  margin-top: 1em;
}

.image-hover {
  width: 350px;
  height: 412px;
  background-image: url('images/statictv.gif');
  background-size: cover;
  transition: background-image 0.5s ease-in-out;
}

.image-hover:hover {
  width: 350px;
  height: 412px;
  background-image: url('images/unstatictv.gif');
}

a:link {
  color: #161616;
  text-decoration: none;
}

a:hover {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  text-decoration: none;
}