style.css

body {
  background-color: #f2efeb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8%;
  font-family: Sedan;
}
h2 {
  padding-left: 30%;
  font-weight: 450;
  font-size: 30px;
}
h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.01em;
  text-align: center;
  flex-wrap: wrap;
}
.heading {
  padding-left: 8%;
  font-family: Sedan;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.01em;
}
hr {
  width: 30%;
  margin-left: 33%;
  border: 1px solid black;
}

p {
  padding-top: 6%;
  letter-spacing: 0.2px;
  text-align: center;
  flex-wrap: wrap;
  font-size: 18px;
}
.btn {
  background-color: #ff9900;

  border: none;
  color: rgb(10, 10, 10);
  padding: 15px 60px;
  text-align: center;
  margin-top: 50px;
  margin-left: 65px;
  display: flex;
  display: grid;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 1px;
}
.btn:hover {
  background-color: white;
  border: 2px solid rgb(251, 14, 14);
}
.myres {
  font-family: Sedan;
  font-weight: 400;
  line-height: 66px;
  letter-spacing: 0.01em;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 40%;
}

.button {
  background-color: #ff9900;
  border: none;
  color: rgb(10, 10, 10);
  padding: 15px 60px;
  text-align: center;
  display: flex;
  display: grid;
  text-decoration: none;
  position: absolute;
  bottom: 200px;
  left: 500px;
  font-size: 18px;
  letter-spacing: 1px;
}
.button:hover {
  background-color: white;
  border: 2px solid rgb(251, 14, 14);
}