:root {
  /* sitio color */
  --azul: rgb(0, 0, 255);
  --morando: rgb(126, 0, 126);
  --cian: rgb(0, 255, 255);

  --borde: double black 6px;

  font-family: cursive;
}
html {
  background-color: var(--morando);
  background-image: url(imagen/logos/Smosh_avatar_2013.webp);
}
a {
  color: initial;
}
.entrada {
  display: flex;
  align-items: center;
  justify-content: middle;
  max-height: 50vh;
  flex-direction: column;
}
.entrada-pulsador {
  margin: 20px;
  width: 10ch;
  font-size: 5rem;
  font-family: inherit;
  background-color: var(--azul);
  border: var(--borde);
  color: var(--cian);
  text-shadow: -5px -5px black;
  border-radius: 1rem;
  transition: 10s;
}
.entrada-pulsador:active {
  background-color: red;
  width: 200vw;
  transition: 200ms;
}

.entrada img {
  border: var(--borde);
  background-color: var(--azul);
  position: absolute;
  bottom: 5rem;
  z-index: -69;
}


.cabeza {
  text-align: center;
  color: var(--cian);
}
.cabeza-vaina {
  background-color: var(--azul);
  width: min-content;
  margin: auto;
  border: var(--borde);
}
.cabeza-logo {
  background-color: inherit;
  margin: 1rem 3rem;
  width: 300px;
  border: inherit;
  text-shadow: -4px -4px black;
}
.centro {
  margin: auto;
  margin-top: 1rem;
  background-color: var(--azul);
  width: fit-content;
  padding: 1rem;
  border: var(--borde);
  max-width: 1100px;
}
.parra {
  border: var(--borde);
  background-color: var(--azul);
  padding: 1rem;
}
.hoy-dia {
  margin-right:  1rem ;
  float: left;
}
.parra:not(:last-child) {
  margin-bottom: 1rem;
}
.parra > h2 {
  text-align: right;
  color: var(--cian);
  text-shadow: -2px -2px black;
  text-decoration: underline double;
}