a {
  text-decoration: none;
}

/* Navbar */

.brand-name {
  color: white;
  font-size: 4rem;
}

.brand-name:hover {
  color: white;
}

.link-name {
  color: white;
}

.link-name:hover {
  color: gray;
}

.navbar-container {
  padding: 20px 40px;
}

/* Main Page */

.article-category {
  font-size: small;
}

.article-date {
  font-style: italic;
  font-size: small;
}

.article-item {
  margin: 2rem 0;
  border-color:#dbd8e3;
  border-style: none none dashed none;
}

.article-name > a, .back-to-article-link {
  color: #222831;
}

.article-name:hover > a, .back-to-article-link:hover {
  color: #5c5470;
}

/* Pagination */

.pagination > li > a
{
    background-color: #222831;
    color: white;
}

.pagination > li > a:hover {
  background-color: white;
  color: #222831;
}

.pagination-button {
  margin-top: 40px;
}

/* Login and Contact Page */

.login-button, .contact-button {
  margin-top: 2rem;
}

.login-title, .contact-title, .admin-title, .article-title, .new-article-title, .edit-article-title, .delete-article-title, .edit-image-title {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.login-username-div {
  margin-bottom: 2rem;
}

.contact-div{
  margin-top: 1rem;
}

/* Admin */

.new-article-link, .back-to-article-link {
  font-size: large;
  font-weight: 600;
  margin-bottom: 2rem;
}

.publish {
  margin-left: 10px;
}

.new-article-btn {
  margin-bottom: 2rem;
}

/* Article */

.article-image {
  max-height: 30rem;
  float: right;
  margin: 0 0 1rem 1rem;
}

.article-button, .deletion-button {
  margin: 1rem 1rem 0 0;
}

/* New and Edite article page */

.article-edition-div {
  margin: 1rem 0;
}

.image-file-div {
  margin: 1rem 0;
}

.image-form-div {
  display: inline-block;
}

.back-to-article-div {
  margin-bottom: 2rem;
}

/* ??? */

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

#message {
  height: 10em;
}