@import "fonts_styles.css";

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: url(../PHOTOS/Q1.jfif) no-repeat center center/cover;
}

* { color:#fff; text-decoration: none;}

.buttons {
  margin-top: 80px;
}

.textdiv{
  margin-top: 120px;
}

.Q1audio{
  position: absolute;
  top: 0;
}


#Q1Text {
  font-family: peach;
  font-size: 43px;
  font-weight: bold;
  color: white;
  text-align: center;
  justify-content: center;
}


@media only screen and (max-width: 320px) and (max-height: 568px) {
  body {
      height: 100vh;
      width: 100%;
      overflow: hidden;
  }
  
  .textdiv{
      margin-top: 80px;
  }

  #Q1Text {
      font-size: 10px;
  }

}

@media only screen and (max-width: 414px) and (max-height: 736px) {
  body {
      height: 100vh;
      width: 100%;
      overflow: hidden;
  }

  .textdiv {
      margin-top: 130px;
  }

  #Q1Text {
      font-size: 20px;
  }

}