h1 {
  color: red;
  text-align: center;
  font-size: 50px;
  -webkit-text-stroke: 3px black;
  margin-bottom: 10px;
}

p {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
}
h2 {
  text-align: center;
  font-size: 13px;
}
img {
  width: 50px;
}

html {
  min-height: 100%;
}
hr {
  height: 10px;
  backdrop-filter: blur(50px);
  border: 2px solid black;
  border-radius: 10px;
}
select {
  background-color: blur(50px);
}
button {
  background-color: white;
}
button:hover {
  background-color: red;
}
body {
  min-height: 100%;
  margin-top: 3%;
  margin-left: 15%;
  margin-right: 15%;
  padding: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  line-height: 1.5;
  font-size: 1.125rem;
  background-image: linear-gradient(
    45deg,
    hsl(120deg 100% 25%) 1%,
    hsl(109deg 100% 27%) 40%,
    hsl(98deg 100% 30%) 48%,
    hsl(87deg 100% 32%) 51%,
    hsl(76deg 100% 34%) 51%,
    hsl(65deg 100% 36%) 50%,
    hsl(55deg 100% 39%) 50%,
    hsl(44deg 100% 41%) 49%,
    hsl(33deg 100% 43%) 49%,
    hsl(22deg 100% 45%) 52%,
    hsl(11deg 100% 48%) 60%,
    hsl(0deg 100% 50%) 99%
  );
}

select,
button {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 10px;
  border: 3px solid black;
}

div div {
  border: 2px solid;
  padding: 5px 20px;
  margin-block: 5px;
  border-radius: 5px;
  backdrop-filter: blur(50px);
}