body {
  display: flex;
  background-color: hsl(216, 12%, 8%);
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.star:hover {
  background-color: hsl(25, 97%, 53%);
}

.star {
  width: 50px;
  height: 50px;
  background-color: hsl(216, 12%, 20%);
  border-style: none;
  border-radius: 50%;
  color: hsl(217, 12%, 63%);
  margin: 0;
}

img {
  width: 25px;
}

section {
  height: 25em;
  width: 420px;
  background-color: hsl(213, 19%, 18%);
  margin: 0 auto;
  border-radius: 5%;
  padding: 2em;
  padding-right: 0;
}

h1 {
  color: white;
  font-family: "Overpass", sans-serif;
  font-weight: 700;
}

p {
  color: hsl(217, 12%, 63%);
  font-family: "Overpass", sans-serif;
  font-size: 15px;
  word-spacing: 3.5px;
  font-weight: none;
  line-height: 20px;
  font-weight: 400;
}

button:hover {
  cursor: pointer;
}
.one {
  width: 50px;
  height: 50px;
  background-color: hsl(216, 12%, 20%);
  border-style: none;
  border-radius: 50%;
  color: hsl(217, 12%, 63%);
  margin: 10px;
}

.one:hover {
  background-color: hsl(25, 97%, 53%);
  color: white;
}

.one .two:hover {
  background-color: hsl(216, 12%, 54%);
  transition: 5s;
}

.two {
  width: 50px;
  height: 50px;
  background-color: hsl(216, 12%, 20%);
  border-style: none;
  border-radius: 50%;
  color: hsl(217, 12%, 63%);
  margin: 10px;
}

.two:hover {
  background-color: hsl(25, 97%, 53%);
  color: white;
}

.three {
  width: 50px;
  height: 50px;
  background-color: hsl(216, 12%, 20%);
  border-style: none;
  border-radius: 50%;
  color: hsl(217, 12%, 63%);
  margin: 10px;
}

.three:hover {
  background-color: hsl(25, 97%, 53%);
  color: white;
}

.four {
  width: 50px;
  height: 50px;
  background-color: hsl(216, 12%, 20%);
  border-style: none;
  border-radius: 50%;
  color: hsl(217, 12%, 63%);
  margin: 10px;
}

.four:hover {
  background-color: hsl(25, 97%, 53%);
  color: white;
}

.five {
  width: 50px;
  height: 50px;
  background-color: hsl(216, 12%, 20%);
  border-style: none;
  border-radius: 50%;
  color: hsl(217, 12%, 63%);
  margin: 10px;
}

.five:hover {
  background-color: hsl(25, 97%, 53%);
  color: white;
}

.submit {
  width: 350px;
  height: 40px;
  background-color: hsl(25, 97%, 53%);
  color: hsl(0, 0%, 100%);
  border-style: none;
  margin: 10px;
  border-width: 2px 4px;
  border-radius: 40px;
  font-weight: 700;
  letter-spacing: 5px;
}

.submit:hover {
  background-color: hsl(0, 0%, 100%);
  color: hsl(25, 97%, 53%);
}