html {
    background-image: url("https://i.postimg.cc/fL6q9wNB/Untitled-design.gif");
    background-size: cover;
    color: yellow;
}
h1 {
    color: yellow;
    -webkit-text-stroke: 0.5px orangered;
    text-shadow: 0px 0px 10px black; 
    font-family: times new roman;
}

em {
    color: purple;
    -webkit-text-stroke: 0.2px orangered;
    text-shadow: 0px 0px 10px orangered; 
    font-family: times new roman; 
}

h2 {
    color:red;
    font-family: papyrus;
    text-shadow: 0px 0px 10px black;  
}

button {
    background: lawngreen;
    border:3px outset green}

#titlecontent {
    position: relative;
    margin: 0 auto;
}

#content {
    margin-top: -100px;
   color: yellow;
   background-color: purple;
   
}

#content2 {
     color: yellow;
   background-color: purple;
   height: 300px;dd
}

#footer {
  background-image: url("https://i.postimg.cc/kGvNg9ML/MADONNA_OR_WHORE_(1).png");
  width: 100%;
  position:fixed;
  bottom: 0%;
  
  z-index: -100;
} 
iframe {
    border: 5px lawngreen inset;
    
}

#parrot {
    position: absolute;
    margin-top:-100px;
    margin-left: -170px;
    z-index: 1000;
}

#textbox {
    background-color: yellow;
    color:purple;
    height: 150px;
    width: 550px;
    font-size: 25px;
    overflow-y: scroll;
    padding: 10px;
    text-align: justify;
}


#textbox::-webkit-scrollbar {
  width: 10px; 
}


#textbox::-webkit-scrollbar-track {
  background: lawngreen;  
  box-shadow: inset 0 0 10px purple (0, 0, 0, 0.3); 
}

#textbox::-webkit-scrollbar-thumb {
  background: green;

}

#textbox::-webkit-scrollbar-thumb:hover {
  background: purple;
}