@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Zen+Kurenaido&display=swap');

/* RESETEAR CONFIGURACIÓN QUE AGREGA EL NAVEGADOR */
html, body, h1, h2, h3, ul, li {
  margin: 10;
  padding: 10;
}

/* SELECTORES DE ETIQUETAS */
body {
  background-image: url(../img/fondo.jpg);
  font-family: 'Comfortaa';
}

h1, h2, h3 {
  font-family:  'Zen Kurenaido';
}

/* SELECTORES PERSONALIZADOS */

.Contenedor-tpfinal {
  margin: 0 auto;
  width: 70%;
  background-color: rgba(150, 150, 150, 1.0);
}
.cabeza-tpfinal {
  text-align: center;
  padding: 10px;
}

.banda-tpfinal {
  background-color: black;
}

.cuerpo-tpfinal {
  padding: 20px;
  overflow: hidden;
}

.menu {
  display: inline-block;
  padding: 10px;
  list-style: none;
}

.vinculo {
  color: white;
  text-decoration: none;
  padding: 10px;
}

.vinculo:hover {
  color: black;
  background-color: white;
  text-decoration: none;
}

.adaptable {
  width: 40%;
  height: auto;
  display: block;
  margin: auto;
}

.columna{
  width: 47%;
  float: left;
  padding: 10px;
  border-left: 1px dotted white;
}

@media screen and (max-width:800px) {
  .Contenedor-tpfinal {
    width: 100%;
  }
  .columna {
    width: 40%;
  }
}

@media screen and (max-width:600px) {
  .columna {
    width: 100%;
  }
}