:root {
  --heading-font-family: "Aref Ruqaa Ink", serif;
  --secondary-font-family: "Poppins", sans-serif;
  --black-color: #181526;
}

body {
  background: linear-gradient(
    109.6deg,
    rgb(173, 190, 172) 11.2%,
    rgb(239, 250, 240) 100.2%
  );
}

p {
  text-align: center;
  font-family: var(--secondary-font-family);
  font-size: 25px;
}

.mountain-picture img {
  display: flex;
  text-align: center;
  width: 400px;
  margin: 0 auto;
  border-radius: 10px;
}

.contain,
h1 {
  font-family: var(--heading-font-family);
  text-align: center;
  padding: 60px 20px;
  margin: 0;
}

.active {
  color: rgb(18, 43, 18);
}

.mountainInfo {
  font-family: var(--secondary-font-family);
  text-align: center;
}

.furtherInfo {
  color: #4a4e54;
  font-family: var(--secondary-font-family);
  text-align: center;
  text-decoration: none;
  font-size: large;
}

.furtherInfo:hover {
  cursor: pointer;
  color: rgb(48, 143, 48);
}

.footer {
  margin: 0 auto;
  font-size: 18px;
  color: #114da8;
  text-align: center;
}

@media (max-width: 768px) {
  .contain,
  h1 {
    font-size: 13px;
  }
  p,
  .furtherInfo {
    font-size: 12px;
  }
  .mountain-picture img {
    width: 200px;
  }
}