:root{
    --font-size:16px;

    --button-color: red;
    --button-bg-color:white;
    --tag:black;
    --footer-bg: #616161;
    --header:#f1f1f1;
}
*{
    transition: all .5s ease;
}
.quay{
    --button-color: #e8edf3;
    --button-bg-color:#22264b;
    --tag:#e6cf8b;
    --header:#b56969;
    --footer-bg:#b56969
}
.flamingo{
    --button-color: #e6af4b;
    --button-bg-color:#334431;
    --tag:#e05038;
    --header:#e05038;
    --footer-bg:#334431;
}
.human{
    --button-color: #c7ad88;
    --button-bg-color:#935347;
    --tag:#64706c;
    --header:#64706c;
    --footer-bg:#c7ad88
}
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
.img-blog{
    width: 100%;
    height: 10rem;
    object-fit: cover;
}
.tag{
    background-color: var(--tag);
}
.footer{
    background-color: var(--footer-bg) !important;
}
.header{
    background-color: var(--header);
}
.button{
    color:var(--button-color) !important;
    background-color: var(--button-bg-color) !important;
}