/* MOVIES */
@font-face{
  font-family: art;
  src: url(../art.ttf);
}
@font-face{
  font-family: txt;
  src: url(../txt.ttf);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{ background-color: #562A4E;
font-family: monospace;}

.container {
display: flex;
justify-content: center; /* Centrado horizontal */
align-items: center; /* Centrado vertical */
height: 100vh; /* Ocupa toda la altura de la ventana */
margin: 0;
}

h1{
  color: #9da364;
  font-family: "art";
  font-size: 160px;
}
h1:hover{
  color: #c5bd8d;
  font-family: "art";
  font-size: 160px;
}

}
.tlw:hover span, .tlw:focus span {
  opacity: 1;
}

.tlw a {
  color: #c5bd8d;
  text-decoration: none;
  font-family: monospace;
  font-size: 25px;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 10px;
  height: 10px;
  opacity: 1;
  outline: none;
}

.tlw a:visited,
.tlw a:hover,
.tlw a:focus,
.tlw a:active {
  color: #c5bd8d;
  text-decoration: none;
}

.tlw span {
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
}

.tlw a:hover span,
.tlw a:focus span {
  opacity: 1;
}