body {
  background-image: url("background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body {
  margin: 0;
  font-family: sans-serif;
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
}

.navbar {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  padding: 15px 0;
}

.navbar ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 40px;
  margin: 0;
  padding: 0;
}

.navbar a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: 0.2s;
}

.navbar a:hover {
  opacity: 0.7;
}

.profile {
  width: 400px;              /* 好きな幅に調整OK */
  margin: 0 auto;            /* 横方向の中央寄せ */
  text-align: center;        /* 文字も中央寄せ */
  padding: 20px;
  font-size: 20px;

  background: rgba(255, 255, 255, 0.15); /* 半透明の背景 */
  backdrop-filter: blur(10px); /* 背景をぼかす */
  border-radius: 15px; /* 角を丸くする */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* 軽い影をつける */
}