body {
  margin: 0;
  padding: 0;
  background-color: #FAE9E6;
  line-height: 1.5;
}

img {
  width: 125px;
}

header {
  background-color: #460809;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  justify-content: space-around;
  flex-wrap: nowrap;
}
header p {
  color: whitesmoke;
  text-decoration: none;
  font-size: 55px;
  font-family: "Italianno", cursive;
  opacity: 0;
  animation: myAnimation 5s infinite;
}
@keyframes myAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
  flex-wrap: nowrap;
}

.btn {
  background-color: #460809;
  font-size: 15px;
  padding: 10px;
}

.button a {
  color: whitesmoke;
  text-decoration: none;
}

.Fireandblood {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  gap: 30px;
  flex-wrap: nowrap;
}

.enlace {
  color: whitesmoke;
  text-decoration: underline;
}

main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 55px;
  flex-wrap: wrap;
  font-family: Georgia, "Times New Roman", Times, serif;
}
main h1 {
  text-align: center;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.logot {
  width: 200px;
}

.section1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin: 50px;
  flex-wrap: nowrap;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.section1 h2 {
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.section1 .otrosmiembros {
  color: #460809;
  text-decoration: underline;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
}

.section-2 h3 {
  text-decoration: none;
  color: black;
  text-align: center;
}
.section-2 nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  gap: 50px;
  margin: 50px;
  justify-content: space-around;
  flex-wrap: wrap;
  list-style: none;
}
.section-2 nav ul a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  justify-content: center;
  color: #460809;
  text-decoration: none;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
}

.section-3 h4 {
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
}
.section-3 nav p {
  font-family: Georgia, "Times New Roman", Times, serif;
  flex-wrap: wrap;
}
.section-3 div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 55px;
  justify-content: center;
  flex-wrap: nowrap;
}
.section-3 .archimaest {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #460809;
  text-decoration: underline;
  font-size: 20px;
}

footer {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  text-align: center;
  background-color: #460809;
  color: whitesmoke;
}
footer p {
  margin: 0;
  padding: 0rem;
}

.raenhysaegon {
  color: #460809;
  font-size: 20px;
}

.aegonyhermanas {
  width: 150px;
}

.flex1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 10px;
  margin: 0px;
}
.flex1 h1 {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 25px;
}

.Balerionterrornegro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 0px;
  margin: 0px;
  width: 150px;
}

.camposdefuego {
  display: flex;
  flex-direction: column;
}
.camposdefuego h3 {
  text-align: center;
  font-size: 15px;
}
.camposdefuego p {
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.baleriont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 20px;
  flex-wrap: wrap;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  text-decoration: none;
}

.Volveraegon {
  color: #460809;
  text-decoration: none;
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
  text-decoration: underline;
}

.visenyatargaryenn {
  background-color: #460809;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.visenyatargaryenn .iniciov {
  color: whitesmoke;
  text-decoration: none;
  font-size: 20px;
}
.visenyatargaryenn .reinavisenya img {
  width: 175px;
}

.visenyaintro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  gap: 15px;
  margin: 0px;
}
.visenyaintro h1 {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 25px;
}

.vagharDragon {
  width: 150px;
}

.Vaghargreen {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  gap: 15px;
  margin: 0px;
}
.Vaghargreen h2 {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
  text-decoration: none;
}

.volvervisenya {
  color: #460809;
  text-decoration: underline;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  padding: 20px;
}

.raenhystargaryen {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.raenhystargaryen .inicioraenhys {
  color: whitesmoke;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-decoration: underline;
  font-size: 10px;
}
.raenhystargaryen .raenhysportada {
  width: 175px;
}

.rhaenysmain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 15px;
  margin: 0px;
}
.rhaenysmain h1 {
  font-size: 25px;
}
.rhaenysmain .enlacehermanos {
  color: #460809;
  font-size: 20px;
}

.dragonmeraxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 30px;
  margin: 0px;
  width: 150px;
}

.meraxesD {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 10px;
  margin: 0px;
}
.meraxesD h2 {
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
}

.sotoinfierno {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
}
.sotoinfierno h3 {
  font-size: 15px;
}
.sotoinfierno p {
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 1.5;
}

.volverraenhys {
  color: #460809;
  text-decoration: underline;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  padding: 20px;
}

@media (min-width: 370px) {
  header {
    flex-direction: column;
  }
  .Fireandblood {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .Fireandblood p {
    margin: 0;
  }
  .section1 {
    flex-direction: column;
  }
  .section-2 {
    flex-direction: column;
    justify-self: center;
    text-align: center;
    gap: 30px;
  }
  .button {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
@media (min-width: 768px) {
  .button {
    flex-direction: row;
    gap: 10px;
  }
}
@media (min-width: 1024px) {
  header {
    flex-direction: row;
  }
  .Fireandblood {
    flex-direction: row;
  }
}

/*# sourceMappingURL=index.css.map */