@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap');

* {box-sizing: border-box;}

html{ 
  margin:0;
}

body {
  Margin:0;
  font-family: "Cormorant+Garamond";
  background-color: rgb(0, 0, 0);
}

.container{
  Display: grid;
  grid-column: auto 900px auto;
  Grid-row: auto 600 400 auto;
}

.logo{
  display: block;
  background-color: rgb(0, 0, 0);
  grid-column-start: 1;
  grid-column-end: -1;
  padding-top: 20px;
  padding-bottom: 20px;
  color:rgb(252, 252, 252);
  justify-self: center;
}

div.midden {
  display: block;
  grid-column-start: 1;
  grid-column-end: -1;
  max-width: 900px;
  max-height: 600px;
  justify-self: center;

}

a.about{
  color:rgb(247, 246, 244);
  font-family: "Cormorant+Garamond";
  font-size: 30px;
  text-decoration: none;
  justify-self: center;
}
h1{
  display: block;
  font-family: "Cormorant+Garamond";
  font-size: 1,4em;
  font-style: normal;
  font-weight: normal;
  justify-self: center;
}

h2{
  display: block;
  font-family: "Cormorant+Garamond";
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  justify-self: center;
}

span{
  font-family: "Cormorant+Garamond";
  font-size: 1,2em;
}

.stack{
  Width: 36%;
  z-index: 9;
  font-family: "Cormorant+Garamond";
  color:rgb(255, 254, 254);
  margin-top: -100px; 
  padding-left: 20px;
  padding-right: 20px;
  justify-self: center;
  background-color: rgb(0, 6, 7);
  opacity: 0.6;
  text-align: justify;
  line-height: 2em;
}

A.back{
  font-family: "Cormorant+Garamond";
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  justify-self: center;
  color:crimson; 
}

.stapel{
  Width: 36%;
  z-index: 9;
  font-family: "Cormorant+Garamond";
  color:rgb(255, 255, 255);
  margin-top: -200px; 
  padding-left: 20px;
  padding-right: 20px;
  justify-self: center;
  background-color: rgb(0, 6, 7);
  opacity: 0.6;
  text-align: justify;
  line-height: 2em;
}