body{
    background-color: #cccccc;
}

.logo{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 0px 0px 10px rgb(66, 64, 63);
    letter-spacing: 4px;
    font-size: 40px;
}

ul#index {
    padding-left: 0;
    list-style-type: none;
}

#message{
    height: 10 em;
}

.navbar{
    font-size: 20px;
    border-bottom: solid 2px rgba(245, 236, 189, 0.356);
    margin-bottom: 20px;

}

.nav-link{
    margin-left: 20px;
    font-weight: bold;
}

.article-header{
    text-align:left;
}

.article-header:hover{
    color: rgba(0, 0, 0, 0.589);
}

.article-time{
    text-align: left;
    margin-left: 20px;
}

.article-content{
    text-align: left;
    margin-left: 20px;
}

.article-categories{
    text-align: left;
    margin-left: 20px;
}

img{
    width:100%;
    max-width:600px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.page-link{
    text-align: center;
    color: black;
    margin-left: auto;
    margin-right: auto;
}

.pagination{
    margin-top: 40px;
    color: black;
    text-align: center;
    margin-left: 20px;
}

.form-group{
    width: 30%;
}

a{
    color: black;
    text-decoration: none;
}

a:hover{
    color: #0000007c;
}

.article-new{
    font-weight: bold;
    text-shadow: 0px 0px 10px rgb(66, 64, 63);
}

.admin-header{
    text-align: center;
}

.form-group
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.contact-header, .login-header, .new-article-header{
    text-align: center;
}

.btn{
    margin-top: 1%;
    background-color: #969081;
    border-color: blanchedalmond;
}

.btn-primary:hover{
    margin-top: 1%;
    background-color: #e4dbc7;
    border-color: blanchedalmond;
    color: black;
}

.article-date{
    text-align: left;
}

.article-header{
    text-align: left;
}

.check-boxes{
    text-align: left;
    width: 5%;
    margin-left: auto;
    margin-right: auto;
}