html{
    text-align: center;
    background-image: url("https://graysplace.neocities.org/fuck2cmp.jpg");
    background-size: cover;
}
#why{
  margin: auto;
    width: 1000px;
    height: 580px;
    padding-top: 40px;
    background-image: url("https://graysplace.neocities.org/leaves.png");
    background-size: cover;
    background-color: rgba(255, 81, 0, 0.788);
}
screen{
    height: 500px;
    width: 800px;
    text-align: center;
    margin: auto;
}

#two{
    z-index: -1;
    width: 800px;
    height: 500px;
    margin: auto;
    text-align: center;
    background-color: orange;
    border: 4px solid darkred;
    background-image: url("https://graysplace.neocities.org/cloudy.gif");
    background-size: 400px;
    background-position-x: -200px;
}
#h1{
    margin-top: -4PX;
    margin-left: 40px;
    color: white;
    text-shadow: 2px 2px black;
    text-decoration: underline;
}
#strawberry{
    z-index: -1;
    width: 800px;
    height: 500px;
    background-image: url("https://graysplace.neocities.org/strbrry.gif");
    background-size: 400px;
    background-position: center;
    background-repeat: repeat;
}
/*strwbrry 2 and 3 literally arent even pictures of strawberries anymore*/
#strawberry2{
    width: 800px;
    height: 500px;
    background-image: url("https://graysplace.neocities.org/leaves%20-%20Copy.png");
    background-size: 200px;
    background-position: left;
    background-repeat: repeat-y;
}
#strawberry3{
    width: 800px;
    height: 500px;
    background-image: url("https://graysplace.neocities.org/leaves%20-%20Cooooopy.png");
    background-size: 200px;
    background-position: right;
    background-repeat: repeat-y;
}
#toomuch{
    background-image: url("https://graysplace.neocities.org/halo.png");
    background-position: bottom;
    background-size: cover;
    background-repeat: repeat-x;
    height: 500px;
}
#toomuchidk{
    z-index: 2;
    position: absolute;
    background-image: url("https://graysplace.neocities.org/leafmealoan.png");
    background-size: 600px;
    background-position-x: -200px;
    background-position-y: 1px;
    height: 500px;
    width: 800px;
}
#stephan{
    z-index: 69;
    position: absolute;
    width: 300px;
    margin-top: -410px;
    margin-left: -140px;
}
#stephan:hover{
    background-image: url("https://graysplace.neocities.org/prodrudingMaleSymbol.gif");
    
}
#butterflies{
  z-index: 68;
  position: absolute;
  margin-top: -100px;
  margin-left: -200px;
  width: 400px;
  height: 100px;
}
#cherub{
    z-index: 2;
    position: absolute;
    width: 360px;
    margin-top: -364px;
    margin-left: 40px;
}
#cherub2{
    z-index: 2;
    position: absolute;
    width: 360px;
    margin-top: -364px;
    margin-left: -400px;
}
#flowa{
    z-index: 2
    ;
    position: absolute;
    margin-top: -440px;
    margin-left: 280px;
    width: 60px;
    height: 200px;
}
#flowa2{
    z-index: 2
    ;
    position: absolute;
    margin-top: -460px;
    margin-left: -320px;
    width: 60px;
    height: 200px;
}
#flowa3{
    z-index: 2
    ;
    position: absolute;
    margin-top: -400px;
    margin-left: -200px;
    width: 60px;
    height: 200px;
}
#flowa4{
    z-index: 2
    ;
    position: absolute;
    margin-top: -400px;
    margin-left: 170px;
    width: 60px;
    height: 200px;
}

#halo{
    position: absolute;
    z-index: 2;
    width: 400px;
    margin-top: -420px;
    margin-left: -180px;
}
#sunflow1{
    z-index: 3;
    position: absolute;
    margin-top: -400px;
    margin-left: -20px;
    width: 160px;
}
#sunflow2{
    z-index: 3;
    position: absolute;
    margin-top: -280px;
    margin-left: -140px;
    width: 160px;
}
#sunflow3{
    z-index: 3;
    position: absolute;
    margin-top: -220px;
    margin-left: 20px;
    width: 160px;
}
#face{
    position: absolute;
    z-index: 4;
    width: 100px;
    margin-top: -460px;
    margin-left: 110px;
}
#house{
    z-index: 1;
    position: absolute;
    margin-top: -500px;
    margin-left: 100px;
    width: 300px;
}
#bcc{
    z-index: 1;
    position: absolute;
    margin-top: -420px;
    margin-left: -410px;
    width: 300px;
}
#border{
    width: 260px;
    height:300px;
    margin-top: 0px;
    margin-left: 280px;
    z-index: 1;
    position: absolute;
    border: 10px solid yellow;
    border-image: url("https://graysplace.neocities.org/fuckme.gif") 30 stretch;
}
#fire{
    width: 800px;
    height: 470px;
    margin-top: -120px;
    background-image: url("https://graysplace.neocities.org/fireborder.gif");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 400px;
}

.nav{
    background-color: black;
    border: 2px solid darkred;
    z-index: 8;
    position: absolute;
    width:80px;
    height: 60px;
}
.navlink{
    color: yellow;
    text-decoration: none;
    animation: linkblink 0.5s linear infinite;
}
@keyframes linkblink{
    50%{color: white;}
}
#back{
    margin-left: 40px;
    margin-top: 420px;
}
#next{
    margin-left: 680px;
    margin-top: 420px;
}