body {
    background-color: #D8D2C2;
    font-family: 'Noto Sans JP', sans-serif;
}

a {
    display: inline-flex;
    align-items: center; /* Aligns icon and text vertically */
    color: inherit; /* Inherits color from parent */
    font-size: 16px; /* Adjust font size as needed */
}

.material-symbols-outlined{
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

div {
    display: grid;
    place-items: center; /* Centers content both ways */
    width: 80%;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box; /* Ensures padding is included in the width */
    overflow: hidden;
}

ul {
    text-align: center;
    list-style-position: inside; /* Ensures bullets are aligned with the text */
    padding: 0; /* Removes extra padding for a cleaner alignment */
}

li {
    display: inline-block; /* Keeps list items in a centered block style */
    text-align: left; /* Aligns the content of each list item correctly */
}