* {
  margin:0px;
  padding: 0px;
  }
  body {
    background-color: white;
    width: 100%;
    font-size: 20px;
  }
  @font-face {
    font-family: "Chalkduster";
    src: url(fuentes/amy/amyshandwriting.ttf);
  }
  #logo {
    width: 80px;
  }
  #logo {
    transform: translate(15px, 75px);
  }
  #logo img {
    width: 80px;
  }
  #logo img:hover{
    transform: scale(1.2);
  }
  /* Imagen ana */
  .ana {
    width: 100%;
    text-align: center;
  }
  .ana img {
    width: 30%;
    padding: 30px;
  }
  /* Menu horizontal */
  .cont-menu{
		width: 100%;
		height: 20px;
    text-align: center;
    padding: 10px 0px;
	}
	.cont-menu nav a{
		text-decoration: none;
    font-family: Chalkduster;
    font-size: 1.3em;
    word-spacing: 18px;
		color: #5e47d1;
		border-left: 5px solid transparent;
		transition: all 400ms ease;
	}
	.cont-menu nav a:hover{
		border-left: 5px solid #c7c7c7;
		background: rgb(255, 243, 182);
	}
	
/* fin menu desplegable */

  h1 {
    font-size: 1.5em;
    color: #5e47d1;
    text-align: left;
    font-family: Chalkduster;
  }
  h2 {
    width: 100%;
    font-size: 1em;
    color: #5e47d1;
    text-align: center;
    font-family: Chalkduster;
    letter-spacing: 5px;
  }
  
  #titulo {
    width: 620px;
    height: 110px;
    margin-left: 120px;
  }
  div#subtitulo {
    width: 100%;
    padding: 50px 0px;
    text-align: center;
  }
  #muneca {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
  }
  #muneca img {
    width: 100%;
  }

/* ICONOS */
img.icono {
  background-color: rgba(255, 255, 255, 0.863);
  width:40px;
  -webkit-border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 30px rgba(255, 255, 255, 0);
  -webkit-transition:box-shadow .3s;
}
div.contac:hover img.icono {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(253, 241, 130, 0.6);
  }
  /* FIN DE ICONOS HOVER */
  /*  Intro Redes Sociales */
  nav #redes_s {
    width: 100%;
    height: auto;
  }
  nav #redes_s h1 {
    text-align: center;
  }
  nav #redes_s h2 {
    width: auto;
    letter-spacing: .0em;
    text-align: justify;
    padding: 0% 5%;
  }

 /* iconos email y facebook */
  nav #emfa {
    margin: auto;
    width: 241px;
    height: 45px;
  }
  nav #email {
    float: left;
    width: min-content;
    padding: 15px 30px;
  }
  nav #face {
    float: left;
    width: min-content;
    padding: 15px 30px;
  }
  /* Aqui los arreglos para iconos de youtube */
  nav #youtube_c {
    width: 80%;
    height: 50px;
    margin: auto;
    place-items: center;  /* centra en un grip */
    
  }
  nav #youtube_s {
    display: grid;
    text-align: center;
    grid-template-columns: 45px 200px 45px 200px 45px 200px;
    grid-template-rows: 45px;
    gap: 4px;
  }
  nav #youtube1 {
    width: 45px;
    height: 45px;
  }
  nav #youtube2 {
    width: 45px;
    height: 45px;
  }
  .ybtext {
    padding: 15px 0px;
    width: min-content;
    font-size: 16px;
    color:#8f7ee3;
    text-decoration: none;
    font-family: Chalkduster;
  }
  /* Aqui las columnas y filas para Instagrams */
  .grid {
    display: grid;
    text-align: left;
    grid-template-columns: 45px 200px 45px 200px 45px 150px;
    grid-template-rows: 50px;
    gap: 4px;
}
nav #instac {
  width: 740px;
  height: 45px;
  padding-bottom: 50px;
  margin: auto;
}
.instext {
  font-size: 16px;
  color:#8f7ee3;
  text-decoration: none;
  align-self: center;
  font-family: Chalkduster;
}
  /* fin de columnas y filas */

  footer {
    width: 100%;
    height: 50px;
    padding-top: 30px;
    font-size: 18px;
    background-color: #e14372;
  }
  footer div {
      float: left;
      width: 154px;
      height: 1em;
      margin-left: 15px;
      opacity: .6;
  }
  #AD {
    padding-right: 10%;
  }
  #DR {
    float: right;
    padding-right: 2%;
    width: 220px;
    text-align: center;
  }
  .clearfloat {
    clear: both;
  }