body {
      background-color: light-dark(#ECFFEC, #3A5B3A);
      font-family: Meiryo, noto-sans, roboto;
      text-align: center;
      color: light-dark(#000000, #F5F5F5);
    }
    h1 {
      font-size: 6.4vmin;
      margin-top: -6.4vmin;
    }
    h4 {
      font-size: 4.0vmin;
      margin-top: 4.0vmin;
    }
    p {
      font-size: 3.2vmin;
    }
    .profile {
      margin-top: 3.2vmin;
      margin-bottom: 3.2vmin;
      margin-left: 8vw;
      margin-right: 8vw;
      padding: 3.2vmin;
      /* background-color: rgba(255, 255, 255, .4); */
      /* backdrop-filter: blur (10px); */
      background-color: light-dark(#FBFBFB, #000000);
      color: light-dark(#000000, #404040);
      border-radius: 6vmin;
      box-shadow: 0 0 8vw rgba(0,0,0,0.125);
    }
    .profile p {
      margin-top: 3.2vmin;
      margin-bottom: 3.2vmin;
    }
    .shadow {
      border-radius: 2vw;
      box-shadow : 0 0 4vw 2vw #ececff;  /* GAZOU NO KAGE */
    }
    .roll {
      animation: rollkAnime 0.1s linear infinite;
    }
    @keyframes rollkAnime{
       50% {
             transform: rotate(180deg);
           }
      100% {
             transform: rotate(360deg);
           }
    }