@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

@font-face {
    font-family: 'suse_monothin_italic';
    src: url('fonts/susemono-italic-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/susemono-italic-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  margin:20px;
  background-color: #F2F1F0;
  
}

     * {
  box-sizing: border-box;
     }
p{
  font-family: "EB Garamond", serif;
  font-size: 1.2rem;
  font-weight: 100;
	color: rgba(0, 0, 0, 0.85);
	font-family: "EB Garamond";
	font-style: normal;
}
p2{
  font-family: "EB Garamond", serif;
  font-size: 1rem;
  font-weight: 100;
	color: rgba(0, 0, 0, 0.85);
	font-family: "EB Garamond";
	font-style: normal;
}
h1{
    font-family: "EB Garamond", serif;
  font-size: 1.3rem;
}
a{
  color:black;
  text-decoration: none;
}
a:hover{
  color:#D0718D;
}


details{
   font-family: "EB Garamond", serif;
  font-size: 1.2rem;
}
.about{
  height:30px;
    width:auto;

  display: inline-block;
  top: 20px;
  right: 20px;
}
.back{
    float:left;
  height:40px;
  width:auto;
  top: 20px;
  left: 20px;
}

.Icon{
  display: block;
  Position:relative;
  width:300px;
  margin-left: auto;
  margin-right: auto;
}

footer{
    font-family: 'suse_monothin_italic';
      font-size: .8rem;
      letter-spacing:-4px;
      text-align: right;
}
.footer{
    font-family: 'suse_monothin_italic';
      font-size: .8rem;
      letter-spacing:-4px;
      text-align: right;
}