@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
body {
  background: url("bodybackground.png") no-repeat center center / cover;
  min-height: 100vh;
  overflow-y: scroll;
}
.headText {
  font-size: 120px;
  font-family: "Roboto", "Inter", sans-serif;
  color: #ffc529;
  margin: 0px;
  padding: 0px;
}
.logo {
  margin-top: 50px;
  text-align: center;
}

@media (max-width: 1600px) {
  .headText {
    font-size: 100px;
  }
}

@media (max-width: 1024px) {
  .logo {
    margin-top: 90px;
  }
  .headText {
    font-size: 100px;
  }
}

@media (max-width: 500px) {
  body {
    background: url("mobileBackground.jpg") no-repeat center center / cover;
    overflow-y: hidden;
  }
  .headText {
    font-size: 86px;
  }
  .logo {
    margin-top: 20%;
  }
}