@import url(header.css);
@import url(main.css);
@import url(aniversa.css);
@import url(aside.css);
@import url(footer.css);

:root {
    --color-header: #A8D3F5;
    --color-logotipo: black;
    --color-logo: white;
    --color-marque: maroon;
    --menu-sidebar: #D4EEFD;
    --color-footer: bisque;
    --color-hover: #CE3050;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}
body {
    font-family: sans-serif;
    padding-top: 70px;
}
.contenedor {
    width: 100%;
    max-width: 996px;
    height: auto;
    margin: auto;
}
.marquesina {
    width: 100%;
    height: 40px;
    margin-top: 15px;
}
.muevete {
    font-size: 21px;
    color: var(--color-marque);
    font-weight: bold;
    margin-top: 5px;
}
.titulo-post {
    width: 69%;
    height: 40px;
    margin-top: 15px;
}
.post-titulo {
    text-align: center;
} 

.contador {
    text-align: center;
    margin-top: 40px;
    color: white;
}

.link_externos{
    color: blue;
}

.link_externos:hover{
    color: green;
}

@media (max-width: 768px) {
    .titulo-post {
        width: 100%;
    }
    .post-titulo {
        font-size: 25px;
    }
    .muevete{
        margin-top: -10px;
    }
}