.myfontstyle{
    font-family: 'Anton', sans-serif; color:black; font-size: 36px;
    display: flex;
    justify-content: center;  /* 水平方向に中央揃え */
    align-items: center;  /* 垂直方向に中央揃え */
    padding: 0 0 0 10px;
}


#myImage {
  margin-right: 10px;
  width: 50px;
  height: auto;
}

.myfontstyleText{
  font-family: 'Yu Mincho',  monospace; color:black; font-size: 16px;
}





/* パソコンサイズのデフォルトの背景色 */
body {
    background-color: #3b99e6; /* ここにパソコンサイズの背景色を指定 */
  }
  /* スマホサイズのビューポートでの背景色 */
  @media (max-width: 768px) {
    body {
      background-color: #e7f70b; /* ここにスマホサイズの背景色を指定 */
    }
  }


.navbar {
    height: auto;  /* ナビゲーションバーの高さを自動に設定 */
    background-color: #36fad9;  /* 背景色 */
}

.navbar-toggler {
  margin-right: 10px;  /* 右側のマージンを設定 */
}