body{
  background-image: url("images/neighbours.png");
  font-family: "Press Start 2P";
  font-size: 12px;
  cursor: url("cursor.gif"), auto;
  color: #4D326E;
}
.box{
  display: grid;
  grid-template-columns: 2fr 8fr 3fr;
  grid-gap:2%;
  margin:2%;
}
header,main,aside,nav,footer,.button{
  border: solid 4px #4D326E;
  border-radius: 20px;
  background-color: black;
  opacity: 0.9;
}
header{
  grid-row: 1/2;
  grid-column: 1/4;
  text-align: center;
  padding: 1%;
}
h1,h3{
  color: #27BC12;
  text-align: center;
}
h3{
  text-decoration: underline;
}
main{
  grid-row: 2/3;
  grid-column: 2/3;
  padding: 1%;
}
map{
  padding-left: 3%;
}
aside{
  grid-row: 2/3;
  grid-column: 3/4;
  padding: 1%;
}
nav{
  grid-row: 2/3;
  grid-column: 1/2;
  padding: 1%;
  line-height: 20px;
  height: max-content;
}
.navigation a{
  color: #4D326E;
  text-decoration: none;
  padding-left: 2%;
}
.navigation a:hover{
  color:#27BC12 ;
}
.button{
  grid-row: 3/4;
  grid-column: 1/2;
  padding: 2%;
  height: max-content;
  line-height: 15px;
}

footer{
  grid-row: 3/4;
  grid-column: 2/3;
  padding: 1%;
}