/* MIXIN */
/* ANIMACIONES */
@keyframes redeS {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* RESETEO */
* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

/* TIPOGRAFIA WED */
/* font-family: 'Allan', cursive;
font-family: 'Roboto', sans-serif; */
body {
  font-family: "Allan", cursive;
}

/* MENU */
nav {
  background-color: greenyellow;
}
nav li {
  display: inline-block;
  color: black;
  font-weight: bolder;
  font-size: 1rem;
  margin-bottom: 2rem;
  padding: 0 1rem;
}

/* ENLACES */
a {
  text-decoration: none;
  font-size: 2rem;
  color: black;
}

/* FOTOS DEL INCIO */
.img {
  display: inline;
  width: 100%;
}

/* FOTOS DEL PRODUCTO */
.img2M { /* Mujeres */
  margin-bottom: 20px;
  margin-top: 20px;
  height: auto;
  width: 100%;
}

.img3H { /* Hombres */
  margin-bottom: 20px;
  margin-top: 20px;
  height: auto;
  width: 100%;
}

.img4C { /* Coleccion */
  margin-bottom: 20px;
  margin-top: 20px;
  height: auto;
  width: 100%;
}

/* H1 */
.slogan {
  font-size: 5rem;
  color: white;
  background-color: black;
}

/* PIE DE CABEZA*/
footer {
  background-color: black;
  height: 10rem;
}

/* REDES SOCIALES */
.redes {
  position: fixed;
  left: 0;
  top: 50%;
  width: 10px;
  animation-name: redeS;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 3s;
  animation-delay: 3s;
}
.redes img {
  border-radius: 50%;
  display: block;
  margin-top: 5px;
  height: 4rem;
  width: 4rem;
}

/* POLITICA DE CONTACTOS (contactanos.html) */
.datosCont {
  background-color: black;
  height: auto;
  overflow: auto;
}

p {
  font-size: 2rem;
  color: white;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-size: 4rem;
  color: white;
}

form {
  font-family: "Roboto", sans-serif;
  padding: 20px;
}

/* EXTEND */
.boton, .boton--resetear, .boton--enviar {
  width: auto;
  border: solid 1px black;
  border-radius: 10px;
}

.boton--enviar {
  background-color: greenyellow;
  padding-left: 5px;
  padding-right: 5px;
}

.boton--resetear {
  color: greenyellow;
  background-color: black;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
}

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