body {
  font-family: YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; */
  /* font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; */
  /* background-color: #e3f2fd; */
  background-color: #6088c626;
}

nav{
  background-color: #4072B3;
}

nav > a{
  color: white;
}
.index-sentence {
  /* padding-top: 100px!important; */
  position: absolute;
  top: 0;
  height: 100vh;
  margin-bottom: 0;
  align-items: center;
}

.under-bar {
  background: linear-gradient(transparent 60%, #eb868673 50%);
}

.sentences {
  font-size: 18px;
  font-weight: 100;
}

.navbar-fixed {
  top: -25px;
}

/* label focus color */

#username:focus+label {
  color: #1565c0;
}

/* label underline focus color */

#username:focus {
  border-bottom: 1px solid #1565c0;
  box-shadow: 0 1px 0 0 #1565c0;
}

/* label focus color */

#password:focus+label {
  color: #1565c0;
}

/* label underline focus color */

#password:focus {
  border-bottom: 1px solid #1565c0;
  box-shadow: 0 1px 0 0 #1565c0;
}