*{
margin:0;
padding:0;
box-sizing: border-box;
list-style:none;
}

body{
 min-height: calc(100vh / 9);
background-color: black;
display: flex;
flex-direction: column;
margin:0;
padding: 0;
}

header{
width: 100%;
height:calc(100vh/9); /*100 entre nueve */
align-items: center;
justify-content: space-between;
font-family: Myriad pro, sans-serif;
flex-flow: row wrap;
position: relative;
/*background-color: solid transparent;*/
}

nav {
  position: absolute;
  right: 0;
}
nav a {
  padding: 8px;
  background-color: black;
  margin: 9px;
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
  text-decoration: none;
  color: #333; /* color lletres */
}

nav a:hover{
text-decoration: none;
background-color: #333;
color: black;
}

.menuPrincipal ul{
list-style: none;
display:flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
 /*margin-top: 29px;*/
 /* margin-top: 35px; */
}

.menuPrincipal ul li{
margin: 0 0.5em;
margin-top: 50px;
}

.menuPrincipal ul li:hover{
cursor: pointer;
}


/* Estilo para el botón fijo */
#logow {
position: absolute; /* Permite posicionar el botón con respecto al contenedor */
bottom: 0; /* Lo mantiene pegado en la parte inferior del contenedor */
left: 6px; /* Lo mantiene en la esquina izq */
margin: 0; /* Espacio opcional alrededor del botón para que no esté pegado a los bordes */
transform: scale(0.90); /* Utiliza "transform" para escalar el botón */
}

.Logow{
margin-left: 0px;
display: flex;
align-items: center;
}

.Logow img{
height : calc(100vh/9);
}



.imagen-animacion {
    position: fixed;
    transition: transform 3s ease; /* La animación dura 3 segundos */
    /* Otros estilos, como anchura, altura, fondo, etc. */
}