@import url('https://fonts.googleapis.com/css2?family=Kalnia+Glaze:wght@100..700&family=Lavishly+Yours&family=Oranienbaum&family=Ribeye&display=swap');

body, h1, ul, li {
    padding: 0;
    margin: 0;
}
h2, h6 {
    font-family: "Ribeye", serif;
}
h6{
    font-size: medium;
}

body {
background-image:url(IMG/cisnes.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: "Oranienbaum", serif;
}
h1 {color: white;
    background-color: rgba(151, 143, 229, 0.151);
    text-align: center;
    font-family: "Kalnia Glaze", serif;
}
div {
    width: 800;
    max-width: 95%;
    margin: 0 auto;
}
nav{
    border-bottom: 2px dotted rgb(4, 21, 58);
}
article {
    background-color: rgba(127, 255, 212, 0.158);
}
footer {
    color: rgb(163, 5, 97);
    background-color: rgba(137, 43, 226, 0.308);
    text-align: center;
}
.destaca-violeta {
    color: rgb(71, 4, 134);
}
.centrada {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px dotted rgb(92, 3, 92);
}
.adaptable {
width: 100%;
height: auto;
}
nav li {
display: inline-block;
}
nav a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: rgb(52, 0, 82);
    padding: 3px;
    display: inline-block;
}
nav a:hover {
    color: rgb(124, 2, 63);
    background-color: rgb(188, 99, 240);
}
html {
    scroll-behavior: smooth;
}
.celda {
    display: flex;
    gap: 20px;
    margin: 0;
}
.columna {
    border-right: 2px dotted blueviolet
}





@media  (max-width: 600px) {  
 
 nav {
    text-align: center; 
}
    nav a {
    padding: 2px;
 } 
.celda {
    display: block;
}

.columna {
      border-right: 1px solid blueviolet;
      padding-right: 5px;
}
}