@import url('https://fonts.googleapis.com/css2?family=Gravitas+One&family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sigmar&family=Sigmar+One&display=swap');@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sigmar&family=Sigmar+One&display=swap');


body, h1, ul, li {
    padding: 0;
    margin: 0;
}

body {
    background-color: aqua;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif

}

h1 {
color: white;
background-color: black;
text-align: center;
 font-family: "Sigmar", sans-serif;
 font-size: 48px;
}

h1, h2, h3, h4, h5, h6 {
     font-family: "Sigmar", sans-serif;
}

h6 {
    font-size: medium;
}

div {
width: 800px;
max-width: 95%;
margin: 0 auto;
}

header {
background-color: red;
padding-top: 50px;
text-align: center;
border-bottom: 4px solid white;
}

article{
    background-color: white;
    padding: 5px;
    margin: 5px;
}

footer{
    background-color: red;
    padding: 50px;
    text-align: center;
}

.destaca-azul {
    color: blue;
    }

.centrada {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 4px dotted green;
        width: 50%;
    }

    .adaptable {
        max-width: 100%;
        height: auto;
        width: 50%;
    }
    
.adaptable:hover {
        width: 50%;
        height: auto;
    }
  
    nav li {
         display: inline-block;
    }
    
nav a {
    text-decoration: none;
    color: red;
    background-color: yellow;
   }
   
nav a:hover {
    color: yellow;
    background-color: red;
   }

   html {
      scroll-behavior: smooth;
   }

article ul {
    padding-left: 40px
}

.celda {
    display: flex;
    gap: 20px;
   margin: 0%;
}

.columna {
    border-right: 2px dotted black;
    padding-right: 10px;
}

@media (max-width: 600px) {
   nav a {
    text-align: center;
    }
        h1 {
 font-size: 36px;
    }
}