:root {
    --logo-fontfamily: Abril Fatface, Regular;
    --content-fonts: 'Josefin Sans', sans-serif;
    --content-fonts-bold: 'Josefin Sans';
    --heading-fonts: 'Noto Serif', serif;
    --color: #0A0A0A;
    --search-icon-color: #1D1D1D;
    --element-bgcolor: #071333;
    --btn-bg-color: #FF1696;
    --category-small-font-size: 0.9375em;
    --small-font-color: #4B4B4B;
    --small-divider: 2px solid #4B4B4B;
    --search-bg: #E4E4E4;
    --blog-content-font-family: 'Roboto', sans-serif; 
}

#content_list ul li{
    font-family: var(--blog-content-font-family);
    font-size: 18px;
    color: var(--color);
    width: 80%; margin: 0 auto;
}
#content_list p{
    width: 80%; 
    margin: 0 auto;
    padding-bottom: 15px;
}
p a{
    color: var(--btn-bg-color);
    text-decoration: none;
}
p a:hover{
    color: var(--element-bgcolor);
}

.form-group label{
    color: var(--element-bgcolor);
    font-family: var(--heading-fonts);
}
.form-control{border: 1px solid var(--element-bgcolor);}
.form-control:focus{
    color: var(--element-bgcolor);
    background-color: #fff;
    border-color: var(--element-bgcolor);
    outline: none;
    box-shadow: none;
}