@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
body {
    background-color: rgb(57, 63, 230);
    font-family: "Bitter", serif;
}
h1 , h2,h3,h4,h5 {
     font-family: "Noto Serif", serif;
}
nav ul {
    list-style: none;
}
nav li {
    display: inline;
}
  
div {
    text-decoration: none;
    color: rgb(7, 5, 125);
      padding: 10px;
    background-color: rgb(120, 122, 159);
    border-bottom: 1px solid rgb(81,207,226);

    border-right: 1px solid rgb(81, 207, 226);
}

div {
    color: rgb(42, 42, 126);
    background-color:rgb(129, 120, 254) ;
    border-bottom: 1px solid rgb(13, 114, 148);
    border-right: 1px solid rgb(13,114,148);
    border-top: 1px solid rgb(100, 70, 234);
    border-left: 1px solid rgb(91, 16, 240);
}
section{
    display: flex;
    gap: 20px;
    padding: 10px;
}
.centrado {
    display: block;
    margin: 0m auto;
    width: 100%;
}
.adaptable{
    display: block;
    width: 95%;
}

@media screen and (max-width:600px){
    header,footer {
        padding: 20px;
    }
    section {
        display: block;
    }
}