body {
  background-color:pink;
  color:white;
  font-family:cursive;
  line-height:2;
  margin:0;
  padding:20px;
}

h1 {
  font-size:24px;
  font-weight:600;
  margin-bottom:3px;
}

a {
  color:#444;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

ul {
  padding-left:9px;
}

nav {
  display:block;
}/*あっても無くてもいい*/

.menu {
  margin-top:100px;
}  /*ｻﾌﾞﾀｲからボタンまでの間隔*/
  
.menu-item {
  display:block;
  width:100%;
  border:1px solid rgba(255,255,255,0.7);
  border-radius:12px;
  padding:13px 20px;
  /*ﾊｺの縦横比*/
  text-decoration:none;
  text-align:center;
  font-size:15px;
  color:white;
  background:rgba(255,255,255,0.15);
  box-sizing:border-box;
  margin-bottom:20px;
}

.menu-item:hover {
  background:rgba(255,255,255:0.2);
}

/*
.nav-btn {
  width:160px;
  height:80px;
  background-size:cover;
  background-position:center;
  background-repeat:repeat;
  display:white;
  border-radius:8px;
}
*/

/*
.about {
  background-image:url("/images/about.png");
}
*/

/*
.menu-img {
  width:48px;
  height:48px;
  border-radius:8px;
  object-fit:cover;
}
*

/*
.menu-card {
  display:flex;
  align-items:center;
  gap:16px;
  
  background:rgba(255,255,255,0.2);
  padding:16px 20px;
  border-radius:10px;
  
  width:90%;
  max-width:520px;
  margin:20px auto; 
}
*/
  
/*
.menu-title {
  font-size:20px;
  font-weight:500;
}
*/