html {
  background: url('green_cup.png'), url('tileable bg.jpg');
  background-blend-mode: multiply, normal;
  background-repeat: no-repeat, repeat;
  background-size: cover, 400px;
  height: 100vh;
   
}

:any-link {
  color: inherit;
}


@font-face{
  font-family: "Grot";
  src: url("https://cornyoffthecob.neocities.org/GrotleyRegular-mLEWv.otf") format("opentype");
} 


.flex {
  display: flex;
  flex-flow: row  nowrap;
  justify-content: space-between;
  max-height: 100vh;
}

.flex2 {
  display: flex; 
  flex-direction: column; 
  justify-self: end; 
  justify-content: space-evenly; 
  align-content: end; 
  gap: 10%;
}

#beat:hover {
animation-name: pulse; 
animation-duration: 10s; 
animation-iteration-count: infinite;
}
@keyframes pulse {
 0%  { filter: none}
 25% {  filter: drop-shadow(rgba(0,0,0, 0.6) 0em 1em 0.6em) sepia(0.5);}
 50%  { filter: none}
 75% {filter: drop-shadow(rgba(250,250,250, 0.6) 0em 1em 0.6em) sepia(0.5);}
 100% { filter: none}
}


.disc {
  margin-left: 2em;
  border: white dotted 4px; 
  border-radius: 50px;
  background-color: rgba(250,240,230,0.3);
  height: fit-content;
}

.disc p {
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
  
}

h1 {
  margin-top: -15px; 
  margin-left: -15px;
  font-weight: 800;
  color:  rgb(37,74,44);
  text-align: left;
  max-height: 90vh;
  text-shadow: -5px 5px 0.7em  #142818;
  }
  
  h1:hover {
      text-shadow: -13px 5px 0.5em  rgba(250, 250, 250, 1);
  }
  
  .poem li
{
    list-style-type: none;
    line-height: 1.4em;
    

}

.poem li:nth-child(1)
{
  margin-left: 1em;
}

.poem li:nth-child(2)
{
  margin-left: 1.5em;
}

.poem li:nth-child(3)
{
  margin-left: 2em;
}
.poem li:nth-child(4)
{
  margin-left: 1.5em;
}
.poem li:nth-child(5)
{
  margin-left: 3em;
}


  .poem2 li
{
    list-style-type: none;
    line-height: 1.5em;
      text-transform: capitalize ;
      font-size: 90%;

}



.poem2 li:nth-child(2)
{
  margin-left: 0.5em;
}

.poem2 li:nth-child(3)
{
  margin-left: 1em;
}
.poem2 li:nth-child(4)
{
  margin-left: 1em;
}

.poem2 li:nth-child(6)
{
  margin-left: 1.5em;
}
.poem2 li:nth-child(7)
{ 
  margin-left: 6em;
}
.poem2 li:nth-child(8)
{
  margin-left: 8em;
}