@import url('../_commun/fonts/abeezee-abhaya-libre-libre-franklin-657e1b.css');


:root {
  --header-bg-color: #F6E1CF;
  --footer-bg-color: #F6E1CF;
  --section1-bg-color: #F6E1CF;
  --section2-bg-color: #F6E1CF;
  --section3-bg-color: #F6E1CF;
  --section4-bg-color: #F6E1CF;
  --h2-h3-color: #823535;
  --text-color: #000;
  --reserve-color: #000;
  --link-color: #B85042;
  --link-hover-color: #632f27;
  --font1: 'Abhaya Libre';
  --font2: 'Libre Franklin';
  --font3: 'ABeeZee';
}

*,
::before,
::after {

  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

html, body {
  height: 100vh;
}

body {
  color: var(--text-color);
  width: 100vw;
  overflow-x: hidden;
  background-color: var(--section1-bg-color);
}

.hiddenTitles {
  display: none;
}

.text {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: start;
  margin: 30px auto;
  width: 95%;
}

h1 {
  text-align: center;
  margin: 35px;
  font-size: 3em;
}
.date {
  text-align: center;
  margin-bottom: 20px;
}

h2, h3 {
  text-align: left;
  margin: 30px 40px 50px;
}

h2{  
  font-family: var(--font1);
  color: var(--h2-h3-color);
  font-weight: 400;
  font-size: 4rem;
  text-align: left;
  margin: 25px 5%;
  padding-top: 50px;
  text-shadow: 3px 3px 15px #f4e0d9;
}

h3 {
  font-family: var(--font2);
  font-size: 2em;
  color: var(--h2-h3-color);
  font-weight: 400;
  text-align: left;
  margin: 25px;
}

p {
  font-family: var(--font3);
  font-size: 1.2rem;
}

a {
  color: var(--link-hover-color);
}
a:hover {
  color: var(--link-color);
}

.end{
  height: 150px;
}