/*font garamond:*/
@import "https://chrstphrknwtn.github.io/eb-garamond/eb-garamond.css";

body {
  background-color: #fff;
  color: black;
  font-family: "EB Garamond", sans-serif;
  margin-right: 20%;
  margin-left: 20%;
  margin-bottom: 10%;

}

/*mise en forme*/
.center {
  text-align: center;

}

h2 {
  text-align: center;

}

h3 {
  text-align: center;

}


/*mise en forme poeme honorine: center and left arrangement + nested*/
.left-tight { /* details resseré au milieu*/
  margin-left:15%;
  margin-right: 15%;
}
.center-tight { /* poeme resseré au milieu, nested */
  text-align: left;
  margin-left: 15%;
  margin-right: 15%;

}

.in-title {
  font-size: 110%;
}

.justify {
  text-align: justify;
}

p /*paragraph*/ {
  text-align: justify;

}

/*home 436 bar*/
.h1home {
  text-align: center;

}

/*links, lists */
a {
  color: black;

}
a:hover {
  text-decoration: underline;
  text-decoration-style: wavy;
}

/*nav a + other link without decoration*/
.no-deco-link {
  text-decoration: none;
  color: black;
}

/*display element hover cursor*/
summary {
  cursor: pointer;
}

ul {
  list-style: none; 
}

/*navigator menu ul li a*/

nav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 5%;

}

nav li {
  display: inline;
  margin-right: 4%;
  margin-left: 4%;
  text-align: center;
  font-family: monospace;
  font-size: 130%;

}
.sidebar li {
  margin-bottom: 0.8%;
}

.active {
  font-style: italic;
  text-decoration: none;
}

/*ruler hr*/

hr {
  text-align: center;
  width: 50%;
  margin-left: 15%;
  margin-right: 15%;
}

.dottedhr {
border: 1px dashed black;
}
/*contact me bottom position  position: fixed;  position: absolute;*/

.footpage{
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 110%;
  font-family: monospace;
  background-color: #fff;
  margin-bottom: 0;
  padding-bottom: 1em;

}

.gototop{
  position: fixed;
  bottom: 0px;
  right: 10%;
  width: 10%;
  text-align: right;
  font-size: 110%;
  font-family: monospace;
  background-color: #fff;
  margin-bottom: 1%;
  margin-left: 15%;
  padding-bottom: 0;
  padding-left: 10%;

}
/*responsiveness */
@media screen and (max-width: 600px) {
 body {margin-left: 2.5%;
 margin-right: 2.5%;
 margin-top: 1%;
 margin-bottom: 30%;
  }

/* details resseré au milieu
+ elargi en elargi (inversé honorine mercier)*/
.left-tight {
  margin-left:3.5%;
  margin-right: 3.5%;
}
.center-tight {
  text-align: left;
  margin-left: -3.5%;
  margin-right: -3.5%;

}

ul {
  padding: 0;
}

.gototop{
  right: 2%;
  background-color: #fff;
  width: 20%;
  margin-bottom: 5%;
  padding: 1em;

}

}