body {
    font-family: sans-serif; /* フォントを指定 */
    background: linear-gradient(to right, #3d96fc, #29fc88); /* グラデーションを設定 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
  }
  
  
  button {
    padding: 15px 50px; /* ボタンのサイズを調整 */
    font-size: 1.2em; /* フォントサイズを調整 */
    background-color: transparent; /* 背景色を指定 */
    border: 3px solid #000000; /* 枠線を削除 */
    border-radius: 30px; /* 角を丸くする */
    cursor: pointer; /* カーソルをポインターに変更 */
    display: block; /* ブロックレベル要素にする */
    margin: 0 auto; /* 左右のマージンを自動にする */
  }

  .btn-custom {
    border-width: 3px; /* 枠線を太くする */
    border-color: #000000; /* 枠線の色を黒に設定 */
    width: 30vmax;
    font-size: 3vmax;
  }