body{
    
        background-color:darkgray; 
    }
    

    /*Page one styles*/
     #bodyone{
            background-image: url('https://i.gifer.com/8ngt.gif');
            background-size: cover;
            height: 100vh;
            padding:0;
            margin:0;
            }

        #dreamtext{
        font-size: 50px;
        font-family: Rammetto One, monospace;
        color: rgba(25,25,255,1)
        }
         #warning{
        font-size: 25px;
        font-family: Rammetto One, monospace;
        color: rgba(255,0,0,1);
        justify-content: center;
        }
        #gamestop{
        position: relative;
        width: 200px;
        height:200px;
        top: 10px;
        margin-left: auto;
       margin-right: auto;
        background-color:rgba(255,255,255,0);
        color: cornsilk;
        padding: 25px;
        z-index: 30;
    }
        #workpls{
        position: relative;
        width: 300px;
        height:50px;
        top: 100px;
        margin-left: auto;
       margin-right: auto;
        background-color:rgba(255,255,255,0);
        padding: 25px;
        z-index: 30;
    }
         #jukebox{
        position: absolute;
        width: 300px;
        height: 300px;
        left: 00px;
        z-index: 40;
        }
    /* page two note*/
         #bodytwo{
            background-image: url('https://media.giphy.com/media/4a7sWil1NZoRWymHJp/giphy.gif');
            background-size: repeat;
            height: 100vh;
            padding:0;
            margin:0;
            }

        #blooddrip{
            background-image: url('https://media.giphy.com/media/ZFsl3fY0lF8j8jUi4Z/giphy.gif');
            background-size: repeat;
            width: 100%;
            height: 400px;
            position: absolute;
            z-index: 40; 
        }
        #bloodred{
            position: absolute;
            top: 0px;
            background-color: red;
            width: 100%;
            height: 50px;
        }
        #eyes{
            position: absolute;
            width: 10%;
            top: 25%;
            left: 30%;
            z-index: 55;
        }
         #alien{
            position: absolute;
            width: 20%;
            top: 80%;
            left: 5%;
            z-index: 55;
        }


        #bust{
            position: absolute;
            top: 30%;
            left: 40%;
            width: 300px;
            height: 300px;
            background-color: red;
            border-radius: 50%;
        }
        #anotherdamnbutton{
            z-index: 100px;
            position: relative;
            top:500px;    
        }
        #playpause{
            width:100%;
            height: 100px;
            opacity: 50%;
            z-index: 200px;
            position: relative;
            top:70%;

        }
        #picture1{
             position: absolute;
            top: 30%;
            width: 300px;
            height: 300px;
            border-radius: 50%;
        }
        #picture2{
             position: absolute;
            top: 30%;
            left: 70%;
            width: 300px;
            height: 300px;
            border-radius: 50%;
        }


    /*Third Page things*/
     /*Page Three text 'dont wake up'*/
            .landingtext {
                position: relative;
                margin-left: auto;
                margin-right: auto;
                display: inline-block;
                width: 13px;
                height: 13px;
                font-family:Rammetto One; color: azure; 
                font-size: 400px;
                z-index:25;
                }
        /*Page Three eye background*/
        #bodythree{
            background-image: url('images/illustration-seamless-groovy-trippy-pattern-deformed-smiles-vintage-style-s-248998841.png');
            background-size: repeat;
            height: 50px;
            padding:0;
            margin:0;
            font-family:Rammetto One; color: seagreen; 
            font-size: 50px
            }
        #mushroom{
            width: 200px;
            border-radius: 50%;
            z-index: 20;
    
        }

    /*Page Four extra stuff*/
           #bodyfour{
            background-image: url('https://media.giphy.com/media/YRcXl6VfNhCorklI0R/giphy.gif');
            background-size: cover;
            height: 100vh;
            padding:0;
            margin:0;
            }


    /*transparent link*/
    a:link {
        color: transparent;
    }

    /* visited link */
    a:visited {
        color: transparent;
    }

    /* mouse over link */
    a:hover {
        color: transparent;
    }

    /* selected link */
    a:active {
        color: transparent;
    }