@font-face {
  font-family: 'Geraldine';
  src: url('main.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  background-image: url(lovely.jpg);
  background-size: cover;
  font-family: 'Geraldine', sans-serif;
  text-align: center;
}

h1 {
  font-family: 'Geraldine', sans-serif;
  font-size: 3.5rem;
  
  background: linear-gradient(to top, #4FFF28, #2e7d32); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
h2 {
  font-family: 'Geraldine', sans-serif;
  font-size: 2rem;
  
  background: linear-gradient(to bottom, #4FFF28, #4FFF28); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
}

p {
  font-family: 'Geraldine', sans-serif;
  font-size: 2rem;
  
  background: linear-gradient(to bottom, #4FFF28, #4FFF28); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
}