html {
  height: 100%;
  color: white;
}

body {
  background: url("https://projects.codecraftworks.com/web/icP7TEcdtXTgSsMknqAw/assets/frank-mckenna-4V8JxijgZ_c-unsplash.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

header,
h2 {
  font-family: "Merriweather", sans-serif;
}

a,
p {
  color: honeydew;
  font-family: Arial, sans-serif;
}

hr {
  background-color: rgb(255, 255, 255, 0.5);
  border: none;
  height: 1px;
  margin: 15px 0px;
}

.rounded-box {
  background-color: rgb(210, 105, 30, 0.8);
  text-align: center;
  padding: 2rem;
  border-radius: 2rem;
  margin: 2rem auto;
  width: clamp(20rem, 30rem, 40rem);
}