body {
  font-family: "Bitcount Prop Single Ink", system-ui;
  background-color:orange;
  color: black;
  padding:5%;
}

#page{
  position:relative;
}


#page img{
  width:100%;
}


header{
  background-color:white;
  height:300px;
  text-align: center;
  padding:5%;
}

section{
  font-family: "SUSE Mono", sans-serif;
  overflow:hidden;/*You need this to let div crop your image*/
}

.rule{
  color:blue;
  font-size:1.6rem;/*the size of this font is 1.6 times of the root element's font size*/
  translate:-50%;
}

.documentation{
  display:flex;
  gap:50px;
  flex-direction: row;
  flex-wrap: wrap;
}

.documentation div{
  width:200px;
  overflow:hidden;
}