body {  
  background-color: #EBE8E1;
  color: #0E131F;
  line-height: 1.5;
  margin: 0 auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  /* Pas de scrollbar pour IE, Edge et Firefox */
  -ms-overflow-style: none;  /* IE et Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Pas de scrollbar sur Chrome, Safari et Opera */
body::-webkit-scrollbar {
  display: none;
}

main {
  text-align: left;
  font-family: "Inconsolata";
  width: 90%;
  margin: auto;
}

@media (min-width:1025px) {
    main {
        width: 60%;
    }
}


/* Removes underline on links */
main a {
    text-decoration: unset;
}

/*
  Front Page CSS
*/

.front_page_shit_beer_logo {
  height: auto;
  margin-top: 10vh;
  max-width: 100%;
  min-width: 300px;
}

@media (min-width:1025px) {
    .front_page_shit_beer_logo {
        height: 70vh;
    }
}

.front_page_shit_beer {
  text-align: center;
}

.front_page_article_block {
  text-align:center;
  margin-bottom: 5vh;
}

.front_page_article_summary {
  text-align: justify;
}

.front_page_article_beer_picture {
  margin-left: 10px;
  vertical-align: middle;
}

/*
  Article Page CSS
*/

.article_page {
  margin-top: 3vh;
}

.article_page_shit_beer_logo_container {
  margin: auto;
  text-align: center;
}

.article_page_shit_beer_logo {
  height: 20vh;
  vertical-align: middle;
}

.article_page_content {
  text-align: justify;
}

.article_page_image {
  max-width: 500px
}

.article_page_image_legend {
  font-style: italic;
  font-size: 90%;
}

.article_page_beer_grade_container {
  text-align: left;
  display: flex;
  align-items: center;
}

.article_page_signature {
  text-align: end;
}

/*
  Shared CSS
*/

.article_title {
  text-align: center;
  vertical-align: middle;
  font-family: "EnglishTowne";
  color: #dd5555;
  font-size: 4em;
}

figure {
    margin-left: 0px;
}

@font-face {
  font-family: "Inconsolata";
  src:
    url("/font/Inconsolata.ttf")
}

@font-face {
  font-family: "EnglishTowne";
  src:
    url("/font/EnglishTowne.ttf")
}