body {
  background-color: rgb(187, 234, 182);
  background-image: url(./imges/background-adare-restaurant1.jpg);
  background-size: cover;
  background-repeat: none;
  background-position: center;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
}

/* you need height and width in order to bgc show up. */
header {
  height: 118px;
  
  /* Logoを中央に移動させる。block要素を水平に移動させることができる */
  text-align: center;
}

nav {
  background-color: rgba(0, 0, 0, 0.31);
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  
}

main {
  height: 400px;
  padding-top: 80px;
  padding-left: 240px;
  padding-right: 240px;
  text-align: center;

}

footer {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.31);
}

h1 {
  font-size: 84px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

p {
  font-size: 18px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

a{
  color: azure;
  font-size: 18px;
  font-weight: 600;
  font-family: Arial, Helvetica,sans-serif;
  /* text-decoration:none; */
}

nav a {
 text-decoration: none;
 font-size: 12px;
 padding-left: 10px;
 padding-right: 10px;
}

.map{
  padding-bottom: 100px;
  width: center;
  
}

footer p {
  padding-top: 48px;
  padding-bottom: 48px;
  font-size: 12px;
}