html {
  background-image: url("https://i.ibb.co/s2z8s66/dgren032.jpg");
  color: yellow;
  font-family: comic sans ms;
}

a {
    color: lawngreen;
    text-decoration: none;
}

a:hover {
    text-shadow: 0px 0px 10px hotpink;
    color: red;
}

h1 { 
    font-family: brush script mt;
    letter-spacing: 5px;
    word-spacing: 10px;
    font-weight: light;
    text-shadow: 0px 0px 2px yellow; 
} 
h2 {
  font-family: brush script mt;
}
#container {
  position: relative;
  height: 500px;
}


#lakshmi-wrap {
  position: absolute;
  top: 20px;        
  left: 50%;
  width: 300px;       
  margin-left: -150px;
}


#lakshmi {
  width: 300px;
  height: auto;
  display: block;
  image-rendering: pixelated;
  pointer-events: none;
  z-index: 0;
}


#roses1 {
  position: absolute;
  top: -20px;   
  right: -30px; 
  width: 80px;
  height: auto;
  z-index: 1;

  image-rendering: pixelated;
  pointer-events: none;
}

#roses2 {
  position: absolute;
  top: 330px;   
  left: -30px; 
  width: 80px;
  height: auto;
  z-index: 1;
  image-rendering: pixelated;
  pointer-events: none;
}
#side-text {
  position: absolute;
  left: -250px;  
  top: 0px;
  height: 400px;
  width: 200px; 
  background-color: black;
  padding: 5px;
  color:hotpink;
  overflow: scroll;
  border: 1px inset yellow; 
}

#side-text2 {
  position: absolute;
  right: -250px;  
  top: 0px;
  height: 400px;
  width: 200px;
  background-color: black;
  padding: 5px;
  color:red;    
  overflow: scroll;
  border: 1px inset yellow; 
}



.footer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.footer {
  width: 100%;
  text-align: center;
  height: 30px;
  padding: 8px;
}

.footer-one {
  background-image: url("https://i.ibb.co/12sGDQ3/natfl028.jpg");
 
}

#alakshmiplant {
position: absolute;
right: -10px;
}

#tree1 {
  position: absolute;
  top: -70px;
  left: 20px;
}

#tree2 {
  position: absolute;
  top: -70px;
  right: 20px;
}

#frog {
  position:absolute;
  top: -10px;
}

#alakshmiplant {
  position:absolute;
  right:-350px;
  z-index:2;
  top:300px;
}

#alakshmiplant2 {
  position:absolute;
  left:-350px;
  z-index:2;
  top:300px;
}

#infobox {
 width: 600px;
  background-image: url("https://i.ibb.co/12sGDQ3/natfl028.jpg"); 
 color: lavenderblush;
 text-shadow: 0px 0px 5px black;
 padding: 10px;

}

#poembox {
  height: 100px;
  width: 200px;
  overflow: scroll;
  background-color: black;
  border: 1px inset yellow;
  font-family: courier new;
  color: lawngreen;
}


#mangocounter {
  height: auto;
  width: 300px;
  padding: 5px;
  overflow: scroll;
  
}