@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
body {
    background-color: rgb(0, 0, 0);
    font-family: "Bitter", serif;
}
h1 , h2,h3,h4,h5 {
    font-family: "Oswald", sans-serif;
}


main {
    background-color: rgba(207, 160, 5, 0.966);
    width: 1100px;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

head {
background-color: rgb(207,160,5,0.966);
color:rgb(207, 160, 6);
padding: 50px  ;
text-align: center;
}
nav {
    border-bottom: 1px solid rgba(207, 160, 5, 0.966);
    bottom: 1px solid rgba(207,160,5,0.966);

}

nav ul {
    list-style: none;
}
nav li {
    border:1px solid rgba(207, 160, 5, 0.965);
}
.accordion-button.collapsed{
    background-color: #cfa005f6;
    border: 2px solid rgb(207,160,5,0.966);
}
.accordion-button:not(collapsed).mi-boton-personalizado{
    background-color: #cfa005f6;
    color: cornsilk;
    border: 2px solid rgb(0, 0, 0);
}
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;
    }
}