h1 {
  text-align: center;
}

p {
  text-align: center;
}

.welcomeImg {
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin: auto;
}

.homeBodyContainer {
  display: flex;
  justify-content: center;
}

.homeBodyContainer button {
  color: #000;
  text-decoration: none;
  padding: 6px;
  background-color: #bb3333;
  transition: 0.2s;
}

.homeBodyContainer button:hover {
  background-color: #ff3333;
}

@media only screen and (max-width: 600px) {
  body {
    scale: 60%;
    margin-top: -180px;
    margin-left: -100px;
    margin-right: -100px;
  }
}

@media only screen and (max-width: 320px) {
  body {
    scale: 45%;
    margin-top: -240px;
    margin-left: -100px;
    margin-right: -100px;
  }
}
@media only screen and (max-width: 240px) {
  body {
    scale: 32.5%;
    margin-top: -270px;
    margin-left: -100px;
    margin-right: -100px;
  }
}
@media only screen and (max-width: 160px) {
  body {
    scale: 25%;
    margin-top: -280px;
    margin-left: -100px;
    margin-right: -100px;
  }
}