@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital@1&family=Roboto+Slab:wght@300;400;700&display=swap');

body{
  background-image: url("backgroundjeans.png");
  font-family: Roboto Slab;
  }

.maincontainer{
  max-width: 1120px;
  margin: 0 auto;
  padding: 1em 4em;
  background-color:#f9f6ee;
  border: 1px brown solid;
  position:relative;
}

.mainheader{
  min-height: 64px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

time{
  position:absolute;
  width:fit-content;
  top:3em;
  right: 3em;
  color:brown;
}

.content > img, p > img {
  display:block;
  border:black 1px solid;
  max-width:80%;
  margin:auto;
}

a{
  color:darkorange;
  text-decoration:none;
}

.tableofcontents{
  width:fit-content;
  padding: 0.5em 1em;
  background-color:beige;
}

.drop{cursor: pointer}
#_1{display: none}
#_1 +.drop +  ol{display:none;}

.drop:after{
  content: var(--show);
  color:darkorange
}

:checked  + .drop:after {
  content: var(--hide); 
  color: darkorange
}
  
#_1:checked + .drop + ol{display:block;}

.toplink{
  font-size:200%;
  position:fixed;
  bottom: 2em;
  right: 2em;
}

.languageicon{
  height:24px;
  position:absolute;
  top:0;
  left:0;
}