:root{
  --button: url('https://i.postimg.cc/fbF6rfB4/button.png');
  --banner: url('https://i.postimg.cc/WpgThykS/banner2.png');
}

body {
  background-color: #fff;
  color: #000;
  font-family: 'EB Garamond', serif;
}

a:hover{
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

#courtyard a:link{
  color: #000;
  text-decoration: underline;
}

#courtyard a:visited{
  color:#BDAA7E;
}

summary .gallery{
  font-weight: bold;
  font-size: 1.375em;
}

#land{
  background-color:#fff;
  display:grid;
  justify-content:center;
  grid-template-columns:240px 760px;
  grid-template-rows:200px 35px 93px minmax(500px,auto) 20px;
}

#sky{
  background-color:#000;
  grid-column:1/3;
  grid-row:1;
}

#navtop{
  margin-top:2px;
  grid-column:1/3;
  grid-row:2;
  border-style: hidden hidden solid hidden;
}

#navtop ul{
  display:flex;
  padding:0;
  margin:0px;
  justify-content: space-evenly;
  list-style-type: none;
}

#navtop li{
  font-weight:bold;
  padding-top:0;
}

#navtop li a:link{
  color: #000;
  font-size:1.25em;
  text-decoration:none;
}

#navtop li a:visited{
  color:#000;
  text-decoration:none;
}

#navtop li a:hover{
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

#roof{
  grid-column:1/3;
  grid-row:3;
  background-image: var(--banner);
}

#path{
  display:flex;
  flex-direction:column;
  align-items:start;
  grid-column:1;
  grid-row:4;
  font-size: 1.125em;
  padding:5px;
  margin:0px 0px 10px 0px;
}

#courtyard{
  grid-column:2;
  grid-row:4;
  padding:20px;
  margin:0px 0px 10px 10px;
  font-size: 1.125em;
}

footer{
  grid-column:1/3;
  grid-row:5;
  font-size: small;
  text-align: center;
  border-style: dotted hidden hidden hidden;
}

#button{
  display:flex;
  background-image: var(--button);
  font-weight:bold;
  justify-content:center;
  align-items:center;
  width:220px;
  height:78px;
  margin-top:15px;
}

#button a:link{
  color:#fff;
  text-decoration: none;
}

#button a:visited{
  color:#fff;
  text-decoration:none;
}

#button a:hover{
  background-color: #fff;
  color: #000;
  text-decoration: none;
}