@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;300&display=swap");

html, body {
  margin:0px;
  height:100%;
}

.main {
  background:red;
  height:100%;
}

body {
  background-color: #f0d6db;
  font-family: "Raleway", sans-serif;
  zoom: 0.9;
}

h1 {
  color: #fe71be;
}

.linksescritorio,
.linksescritorio2 {
  text-align: center;
  width: 64px;
  position: fixed;
}
.linksescritorio a,
.linksescritorio2 a {
  color: #fc20a4;
}

.tituloescritorio {
  color: unset;
  background: none;
}

.icono img {
  width: 50px;
  height: auto;
}

p {
  /* background-color: #f0d6db; */
  font-family: "Raleway", sans-serif;
  color: purple;
  background: #ffffff61;
  border-radius: 5px;
}

.ventana {
  border: 3px solid #fc20a4;

  left: -124px;
  display: inline-block;
  overflow: hidden;
  width: 573px;
  height: 580px;
}

.ventana img {
  width: 600px;
  height: auto;
}

.ventana2 {
  border: 3px solid #fc20a4;

  left: -124px;
  display: inline-block;
  overflow: hidden;
  width: 305px;
  height: 580px;
}

#cerrar {
  display: inherit;
  text-align: right;
  color: red;
  background: #f0d6db;
  width: 100%;
  border-bottom-style: solid;
  /* border-bottom: 24px; */
  text-align: right;
  /* border: 0px; */
  border-bottom-width: 3px !important;
  border-color: #fc20a4;
}

#cerrar img {
  width: 25px;
  height: 55;
  padding: 3px;
}

#morrita {
  width: -webkit-fill-available;
}

#titulo-img {
  height: auto;
  width: -webkit-fill-available;
}

.ventanitas {
  border: 3px solid #fe71be;
  background-color: #f0d6db;
  position: absolute;
}
#barra-ventanita {
  display: inherit;
  /* text-align: right; */
  /* color: red; */
  background: #f0d6db;
  width: 100%;
  border-bottom-style: solid;
  /* border-bottom: 24px; */
  text-align: right;
  /* border: 0px; */
  border-bottom-width: 3px !important;
  border-color: #fe71be;
}

#barra-ventanita img {
  height: auto;
  padding: 0.05em;
  margin: 0.1em;
  vertical-align: top;
}

#barra2-ventanita {
  display: inherit;
  text-align: right;
  color: red;
  /* background: #f0d6db; */
  width: auto;
  position: absolute;
  height: auto;
  bottom: 0;
  /*     border-top-style: solid; */
  /* border-bottom: 24px; */
  text-align: right;
  /*    border-top-width: 3px; */
  /* border-top: 3px; */
  /*  border-color: #fe71be; */
}

#center-ventana {
  top: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  left: 0;
  right: 0;
  text-align: center;
}

#fondonota {
  width: 250px;
  height: auto;
}

#pies {
  position: absolute;
  bottom: 0px;
}

.texto {
  background-color: #f0d6db;
  font-family: "Raleway", sans-serif;
  color: purple;
  background: #ffffff61;
  border-radius: 5px;
}

#imagentwitter,
#imagendiscord,
#imageninstagram,
#imagenspotify {
  width: 20px;
  height: auto;
}

#imagentwitter2,
#imagendiscord2,
#imageninstagram2,
#imagenspotify2 {
  display: none;
}

#pies ul li a:hover #imagentwitter2,
nav#pies ul li a:hover #imagendiscord2,
nav#pies ul li a:hover #imageninstagram2,
nav#pies ul li a:hover #imagenspotify2 {
  display: block;
  width: 20px;
}
#pies ul li a:hover #imagentwitter,
nav#pies ul li a:hover #imagendiscord,
nav#pies ul li a:hover #imageninstagram,
nav#pies ul li a:hover #imagenspotify {
  display: none;
}
#contenido-ventanita {
  /* overflow:auto; */
  height: -webkit-fill-available;
  width: -webkit-fill-available; /* display: inline-flex; */
  overflow: scroll;
}
.linksescritorio {
  text-align: center;
  position: absolute;
  /* left: 30px; */
  margin-top: 0.5em;
  margin-left: 4px;
}
.linksescritorio2 {
  text-align: center;
  position: absolute;
  /* left: 30px; */
  margin-top: 0.5em;
  margin-left: 114px;
}

#pies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background-color: #f0d6db;
  /* border-top: 2px solid #fc20a4; */
  /* z-index: 200; */
}
nav#pies ul {
  list-style-type: none;
  padding: 2px;
  margin: 0;
  border: 0.5px solid #fc20a4; /* border-left: .5px solid #fc20a4; */ /* right: 0; */ /* height: 30px; */
}
nav#pies ul li {
  /* float: left; */
  padding: 0;
  margin: 0;
  display: -webkit-inline-box; /* height: 30px; */
}
nav#pies ul li a {
  /* font-size: 17px; */
  /* line-height: 24px; */

  padding: 0px 2em;
  border: 2px solid #fc20a4;
  color: #fc20a4;
  /* box-sizing: border-box; */
  /* display: inline-block; */
  /* margin-right: 0px; */
  /* position: unset; */
  /* margin-top: auto; */
  /* margin-left: -1px; */
}
nav#pies ul li a:hover,
nav#nav ul li a.selected {
  background-color: #fc20a4;
  color: #f0d6db;
}
.pieslink {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
#linktxt {
  margin-left: 7px;
  margin-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#librodevisitas {
  border: 3px solid #fc20a4;
  display: inline-block;
  overflow: hidden;
  width: 265px;
  height: 580px;
}
#frame-visitas {
  max-width: -webkit-fill-available;
}
#sobremi {
  width: 100%;
}
#frame-ventanagrande {
  height: auto;
  width: -webkit-fill-available;
}

#ventanitas {
  border: 3px solid #fe71be;
  position: absolute;
  top: 18%;
  left: 20%;
  max-width: -webkit-fill-available;
  display: inline-block;
  z-index: 50;
}

#vent1 {
  left: 72%;
  top: 11%;
}

#vent2 {
  left: 31%;
  top: 2%;
}

#vent3 {
  /* display: none; */
  left: 12%;
  top: 15%;
}
#vent4 {
  display: none;
  left: 9%;
  top: 9%;
  right: 7%;
}
#vent5 {
  display: none;
  left: 9%;
  top: 9%;
  right: 7%;
}
#vent6 {
  display: none;
  left: 9%;
  top: 9%;
  right: 7%;
}

#vent2 iframe {
  width: 36em;
  height: 35em;
}

#vent1 iframe {
  width: 15em;
  height: 33em;
}

#vent3 iframe {
  width: 20em;
  height: 30em;
}

#vent4 iframe {
  width: 40em;
  height: 35em;
}

textarea {
  max-width: -webkit-fill-available;
}

#codigo-webring {
  color: #fe71be;
  height: 120px;
  border: 5px solid #fe71be;
  font: 16px/26px cambria;
  overflow: auto;
  width: -webkit-fill-available;
}

#webrings {
  text-align: center;
}

@media (max-width: 350px) {
  #pies ul li {
    /* float: left; */
    padding: 0;
    margin: 0;
    display: list-item;
    /* height: 30px; */
  }
}

@media (max-width: 600px) {
  .ventanitas {
    border: 3px solid #fe71be;
    position: absolute;
    max-width: -webkit-fill-available;
  }

  #vent1 {
    display: none;
    left: 9%;
    top: 9%;
    right: 7%;
  }

  #vent2 {
    left: 9%;
    top: 4%;
  }

  #vent3 {
    display: none;
    left: 9%;
    top: 9%;
    right: 7%;
  }
  #vent4 {
    display: none;
    left: 9%;
    top: 9%;
    right: 7%;
  }
  #vent5 {
    display: none;
    left: 9%;
    top: 9%;
    right: 7%;
  }
  #vent6 {
    display: none;
    left: 9%;
    top: 9%;
    right: 7%;
  }

  .content-center {
    width: -webkit-fill-available;
    margin-right: 10%;
    margin-left: 10%;
  }

  #vent2 iframe {
    width: 31em;
    height: 35em;
  }

  #vent1 iframe {
    width: -webkit-fill-available;
    height: 32em;
  }

  #vent3 iframe {
    width: -webkit-fill-available;
    height: 32em;
  }

  #vent4 iframe {
    width: -webkit-fill-available;
    height: 35em;
  }
}

/* TKM&YTEAMO */
/* TU PUEDES HACERLO TODO */
/* <3 <3 <3 <3 */