body{
    height:100vh;
    width:100vw;
    display: grid;
    align-content: center;
    background-image: url(https://media.gettyimages.com/id/1281846521/pt/foto/close-up-detail-of-light-brown-spiral-shell-resting-on-wood-surface.jpg?s=612x612&w=0&k=20&c=8bFduN6fIRI6hXjIHfqPyJvEv8MobQ_p892zfuOVhyM=);
    background-size:cover;
}
#centering{
  display: flex;
  justify-content: center;
  align-items: center;
}
#head h1{
  text-align: center;
  font-family: terror;
  color: red;
  font-size: 3rem;
  margin: 0;
  text-shadow: 0px 5px 8px #000;
}
#head p{
  color: white;
}

#head{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(25, 154, 98, 0.706) 0%, rgba(58, 232, 110, 0.773) 100%);;
  box-shadow: 0px 3px 0px rgb(25, 154, 98), 0px 5px 9px var(--main-black-trans), 0px 3px 0px rgba(58, 232, 110, 0.713) inset;
  padding: 2rem;
  border-radius: 20px;
  backdrop-filter: blur(2px); 
}
@media (max-width: 600px){
#head{
      padding: 1rem;
      max-width: 80vw;
  }
#head h1{
      font-size: 2.3rem;
  }
}

#fact{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.932) 0%, rgba(255, 255, 255, 0.496) 100%);;
    max-width: 20rem;
    border-radius: 20px;
    padding: 1rem;
}
#fact p{
    margin: 0;
    color: #000;
}