/* Reset some default margin */
    body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: 'BIZ UDPMincho', serif;
      scroll-padding-top: 60px;
      scroll-behavior: smooth;
      overflow-y: auto;
    }

    /* Sections */   
    section {
/*      padding: 100px 100px; */
      scroll-margin-top: 0px;
/*      border-top: 60px solid #B16784; /*#ddd*/
/*      border-bottom: 60px solid #B19784; /*#ddd*/ 
    }

    section h2 {
      font-size: 2.2em;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    /* Optional: differentiate sections with colors */
    #about { background-color: #f9f9f9; }
    #service { background-color: #f0f0f0; }
    #contact { background-color: #f9f9f9; }
    #login { background-color: #f0f0f0; }

    /* Images: Default inline images not within block <centered> */
    .inline-image-center {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 1rem auto; /* centers horizontally */
    }

    image-link img {
     cursor: pointer;
       display: block;          /* important */
       text-align: center;      /* safe fallback */
     }