body, html {
  ///width: 110%;
  padding: 0px;
margin: 0px;
  align-content: center;
  alignment-baseline: center;
  text-align: left;
  font-family: arial;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  font-size: 140%;
  background-color: black;
}



  @font-face {
      font-family: 'Basteleur';
      src:url(Basteleur-Bold.otf) format('opentype');       
  }

h1{
text-align: left;
color: Chartreuse;
width: 40%;
margin-left: 5%;
font-size: 2em;
letter-spacing: 0.1em;
outline : none;
border: none;
font-family: Basteleur;
opacity: 1;
///backdrop-filter: blur(10px) brightness(80%);
  text-shadow: -1px -1px 0 #1c3d1c, 1px -1px 0 #1c3d1c, -1px 1px 0 #1c3d1c, 1px 1px 0 #1c3d1c;
}

h2{
text-align: left;
color: Chartreuse;
width: 60%;
margin-left: 5%;
font-size: 1.2em;
letter-spacing: 0.1em;
font-family: Basteleur;
///backdrop-filter: blur(10px) brightness(80%);
  text-shadow: -1px -1px 0 #1c3d1c, 1px -1px 0 #1c3d1c, -1px 1px 0 #1c3d1c, 1px 1px 0 #1c3d1c;
}

h3{
text-align: left;
margin-left: 5%;
color: Chartreuse;
width: 60%;
font-size: 1.1em;
letter-spacing: 0.1em;
///backdrop-filter: blur(10px) brightness(80%);

}

h4{
text-align: left;
margin-left: 5%;
color: Chartreuse;
width: 60%;
font-size: 1em;
letter-spacing: 0.1em;
///backdrop-filter: blur(10px) brightness(80%);
text-shadow: -1px -1px 0 #1c3d1c, 1px -1px 0 #1c3d1c, -1px 1px 0 #1c3d1c, 1px 1px 0 #1c3d1c;

}

p{
text-align: left;
margin-left: 5%;
color: Chartreuse;
width: 60%;
font-size: 0.8em;
letter-spacing: 0.1em;
font-family: arial;
  font-style: normal;
  ///backdrop-filter: blur(10px) brightness(80%);
text-shadow: -1px -1px 0 #1c3d1c, 1px -1px 0 #1c3d1c, -1px 1px 0 #1c3d1c, 1px 1px 0 #1c3d1c;
}

a{
text-decoration: wavy underline;
font-family: Basteleur;
width: 60%;
color: Chartreuse;
margin-left: 5%;
text-align: left;
///backdrop-filter: blur(10px) brightness(80%);
text-shadow: -1px -1px 0 #1c3d1c, 1px -1px 0 #1c3d1c, -1px 1px 0 #1c3d1c, 1px 1px 0 #1c3d1c;
}

.toptext{
  align-content: center;
  box-align: center;
  alignment-baseline: center;
  text-align: center;
  background-image: url("img/lisa.jpg");  
  background-position: bottom center; 
  background-repeat: no-repeat; 
  background-size:cover; 
  background-attachment:fixed;

}

.midtext{
  align-content: center;
  box-align: center;
  alignment-baseline: center;
  text-align: center;
  background-image: url("img/warm_minds_cold_feet_11.jpg"); background-size: cover; 
  background-position: bottom center; 
  background-repeat: no-repeat; 
  background-size:cover; 
  background-attachment:fixed;

}

.bottext{
  align-content: center;
  box-align: center;
  alignment-baseline: center;
  text-align: left;
  background-image: url("img/tee.jpeg"); background-size: cover; 
  background-position: bottom center; 
  background-repeat: no-repeat; 
  background-size:cover; 
  background-attachment:fixed;


}

.contact{
  box-align: center;
  alignment-baseline: center;
  text-align: left;
  align-content: center;

  background-image: url("img/hand.jpg");background-size: cover;
  background-position: bottom center; 
  background-repeat: no-repeat; 
  background-size:cover; 
  background-attachment:fixed;

}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
  animation-play-state: paused;

}

.fade-in-element{
  opacity: 1;
  animation: fadeIn 3s;
  animation 
  animation: trigger steps(1) both;
  animation-timeline: view();
}