@font-face 
{font-family: "Pixel-Operator"; src: url(https://lemonsprout.neocities.org/font/PixelOperator.ttf);
}

body {
  display: grid;
  font-family: "Pixel-Operator";
  background-image: url("https://i.pinimg.com/736x/ed/3b/96/ed3b966142323bc2f091d41ba5a2631a.jpg");
  padding:50px;
}

.grid-container {
  background-image: url("https://i.pinimg.com/736x/85/bb/6f/85bb6ff18a76e1580bdddeec604afd45.jpg");
  border: 4px hidden;
  border-radius:3%;
  display: inline-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
  padding:20px;
  
  align-self:center;
  min-height:100vh;
  min-width:100vh;
}
.grid-container > div {
  padding:5px;
  font-size: 20px;
  text-align: left;  
}

.item1 {
grid-area: 1 / 1 / span 9 / span 1;
color: #E5F6D2;
background-color: #84AA5A;
border: double 2px #E5F6D2;
border-radius: 15px;
}

.navbar-list ul{
list-style-type:none;
  margin:0;
  padding:0;
}
.navbar-list li a{
  display:block;
  padding:8px 16px;
  text-decoration:underline;
}
.navbar-list li{
  text-align:left;
  border-bottom:double 2px #E5F6D2;
}

.item2 {
grid-area: 1 / 2 / span 3 / span 10;
color: #E5F6D2;
background-color: #84AA5A;
border: double 2px #E5F6D2;
  border-radius: 15px;
display:flex;
justify-content:center;
align-items:center;
}
.construct-img{
  border:5px solid #4E681D;}

.item3 {
grid-area: 4 / 2 / span 3 / span 5;
color:#435715;
background-image: url("https://i.pinimg.com/736x/6a/72/48/6a7248186a7359ab36da212bd135e689.jpg");
background-size: 730px 320px;
background-repeat:no-repeat;
}

.item4 {
grid-area: 4 / 7 / span 1 / span 5;
color: #E5F6D2;
background-color: #84AA5A;
border: double 2px #E5F6D2;
  border-radius: 15px;
}

.item5 {
grid-area: 5 / 7 / span 2 / span 3;
color: #E5F6D2;
background-color: #84AA5A;
border: double 2px #E5F6D2;
  border-radius: 15px;
}

.item6 {
grid-area: 7 / 2 / span 2 / span 5;
color: #E5F6D2;
background-color: #84AA5A;
border: double 2px #E5F6D2;
  border-radius: 15px;
height:180px;
width:720px;
overflow:scroll;
}

.item7 {
grid-area: 9 / 2 / span 1 / span 10;
color: #E5F6D2;
background-color: #84AA5A;
border: double 2px #E5F6D2;
  border-radius: 15px;
}