.bg 
{
  background-color: #80d2f0;
  background-image: url("images/meadow.png");
  flex-grow: 1
  z-index: 1;
  height: 100%; 
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
  image-rendering: -moz-crisp-edges;          /* Firefox                        */
  image-rendering: -o-crisp-edges;            /* Opera                          */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
  image-rendering: pixelated;                 /* Universal support since 2021   */
  image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
  -ms-interpolation-mode: nearest-neighbor; 
}

body, html 
{
  flex-grow: 1
  text-align: left;
  height: 100%;
  margin: 0;
  cursor: url("images/Moth.cur"),default;
}
.abouttitle {
  position: absolute;
top:10%;
left: 1%;
font-size: 3em;
z-index: 3;
color: white;
text-shadow: 2px 2px 0px darkred;
}
.abouttext{
position: absolute;
top:20%;
left: 1%;
z-index: 3;
color: white;
text-shadow: 2px 2px 0px darkred;
text-align: left;

}

#bleeding {
  
  background-color: darkgreen;
  position: absolute;
  top:70%;
  left: 3%;
  width: 25%;
  height: 25%;
  opacity: 90%;
}

#fractal
{
   position: absolute;
  top:45%;
  right: 3%;
  width: 50%;
  height: 55%;
  z-index: 4;
  
}

#chaos
{
  position: absolute;
  top:45%;
  right: 3%;
  width: 50%;
  height: 55%;
  z-index: 5;
  
}

.back{
  position:absolute;
  right: 1%;
  top: 1%;
  font-family: "Alagard";
  font-size: 1.0em;
  text-decoration: none;
  text-shadow: 1px 1px 0px darkviolet;
  color:white;
}

 a:hover { 
    text-decoration: none;
    color:#ff008c;
    font-weight:700;
    cursor: url("images/Moth.cur"),default;
  } 
  a:active { 
    text-decoration: none; 
    color:#ff008c;
    font-weight:700;
    cursor: url("images/Moth.cur"),default;
  }
  
  img {
     image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor; 
}