@charset "utf-8";

/*- fontawasomeを読み込み -*/
@import url(https://use.fontawesome.com/releases/v5.0.13/css/all.css);

/*- ナビゲーションバーを上部に固定 -*/
body {
    min-height: 75rem;
    padding-top: 4.5rem;
}

/* 背景画像を挿入 */
.home{
  background: url(vinicius-amano-692823-unsplash.jpg) center center / cover no-repeat fixed;
}
.start{
  background: url(karolina-szczur-504611-unsplash.jpg) center center / cover no-repeat fixed;
}
.answer01{
  background: url(dan-gold-220226-unsplash.jpg) center center / cover no-repeat fixed;
}

/* 背景を半透明にする */
.bg-semitransparent{
    background-color:rgba(255,255,255,0.33)!important
}

/* ボタンを点滅させる */
.blink{
    animation: blink-btn 0.5s linear infinite normal;
}
@keyframes blink-btn{
    0% {
    box-shadow:0px 0px 0px 0px rgba(255,0,0,1);
  }
    100% {
    box-shadow:0px 0px 0px 5px rgba(255,0,0,0.6);
  }