body{
  margin:0;
  height:100vh;
  background-color: purple;

  display:flex;
  flex-direction: column;
  justify-content:flex-start;
  align-items:center;
}

h1{
  font-family: "Times New Roman", Times, serif;
  font-size: 34px;
  color: white;
  text-align: center;
  margin-top: 20px;
}

a{
  font-family: "Times New Roman", Times, serif;
  font-size: 26px;  
  color: white;
  text-decoration: underline;
}

a:visited{
  color: white;
}

a:hover{
  color: white;
}

footer{
  font-family: "Times New Roman", Times, serif;
  font-size: 20px;
  color: white;
  text-align: center;
  background: transparent;
  padding: 16px 20px;
  margin-top: auto;
  width: 100%;
  box-sizing: border-box;
}

.bandera{
  position: fixed;
  width: 100px;
  height: 100px;
  z-index: 9999;
  animation: spin 7.5s linear infinite;
}

.izq{
  bottom: 0;
  left: 0;
}

.der{
  bottom: 0;
  right: 0;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}