@font-face {
  font-family: Jane Austen;
  src: url(../fonts/JaneAust.ttf);
}
@font-face {
  font-family: Alice;
  src: url(../fonts/Alice-Regular.ttf);
}
@font-face {
  font-family: Regency;
  src: url(../fonts/regency-script/RegencyScriptFLF.ttf);
}

.animate-in {
    -webkit-animation: fadeIn .25s ease-in;
    animation: fadeIn .25s ease-in;
}
.animate-out {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 0;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

body {
  font-family: Jane Austen;
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #e7e0c9;
}
.page_container {
  min-height: 100%;
  position: relative;
}
.content_header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 150px;
}
h1 {
  margin: 0;
  font-family: Jane Austen;
  font-size: 4rem;
  line-height: 0.8;
}
h2 {
  margin: 0;
  font-family: Regency;
  font-size: 3.5rem;
  line-height: 0.8;
  color: #2b2923;
}
.custom_link{
  font-family: Alice;
  color: black;
  background-color: transparent;
  text-shadow: rgb(41, 41, 41) 1px 0 3px;
  /* text-decoration: none; */
}
.custom_link:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
.custom_link:hover {
  /* color: red;
  background-color: transparent;
  text-decoration: underline; */
  text-shadow: rgb(255, 174, 0) 1px 0 10px;
}
.custom_link:active {
  color: rgb(255, 174, 0);
  background-color: transparent;
  text-decoration: underline;
}
header {
  /* position: fixed;
  top: 0; */
  width: 100%;
  background-color: #e7e0c9;
  padding: 10px 0;
  font-size: xx-large;
  border-bottom: black 2px solid;
  position: fixed;
  top: 0;
}

header a {
  color: black;
  text-decoration: none;
  padding: 8px 15px;
}

header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  /* justify-content: center; */
}

header nav ul li {
  margin: 0 15px;
}

header nav ul li a {
  color: black;
  text-decoration: none;
  padding: 8px 15px;
  display: block;
  font-size: 1.5ch;
  padding: 0;
  transition: text-shadow .8s ease-out;
    -moz-transition: text-shadow .8s ease-out;
    -webkit-transition: text-shadow .8s ease-out;
    -o-transition: text-shadow .8s ease-out;
}

header nav ul li a:hover {
  color: black;
  text-shadow: rgb(255, 174, 0) 1px 0 10px;
  /* transform: rotate(0.010turn); */
}

.banner {
  width: 100%;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/banner.png);
}
.banner2 {
  width: 100%;
  height: 150px;
  background-image: url(../images/banner2.png);
  background-size: contain;
  background-repeat: repeat-x;
  border-bottom: #231f20 1px solid;
  /* background-size: auto 100%; */
  /* background-position: center center; */
}

.content {
  font-family: Alice;
  padding: 20px;
  /* text-align: center; */
  font-size: 4ch;

  /* border: 1px solid green; */
}
.content_p_justified p {
  text-align: justify;
}
.content-left {
  text-align: left;
}

.content-center {
  display: flex;
  align-items: center;
}

.group_content {
  display: flex;
  flex-direction: row;
}

.content-container {
  min-height: 700px;
  display: flex;
  flex-direction: row;
  padding: 0 5% 0 5%;
  /* border: 1px solid blue; */
}

.img-container {
  min-height: 700px;
  display: flex;
  flex-direction: column;
  /* border: 1px solid red; */
}

.img_solo_down {
  justify-content: flex-end;
}
.img_solo_up {
}
.img_duo {
  justify-content: space-between;
}
.img-bottom-left {
  display: flex;
  justify-content: flex-start;
}

.img-bottom-right {
  display: flex;
  justify-content: flex-end;
}
.ecritoire_button:hover{
  opacity: 1;
  transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}
.ecritoire_button:hover{
  opacity: 0.6;
}

footer {
  background-color: #e7e0c9;
  color: black;
  text-align: center;
  padding: 10px 0;
  width: 100%;
}
#footer_landing {
  position: fixed;
  bottom: 0;
}