html {
    background-color: #4c3153;
}

body {
    color:cornsilk;
}

h1 {
    color: aqua;
}

h2 {
    color:coral;
}

/* DIVSSS!!!!!!!!!!!!!!!! */
.navigation {
    display: block;
    float: left;
    margin: 15px;
    background-image:url(images/cute-flowers.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    width: 125px;
    position: fixed;
}

.header {
    border: 10px teal;
    margin: auto;
    background-color: gold;
    background-image:url(images/nightSky.jpg);
    text-align: center;
    width: 75%;
    height: auto;
    h1 {
        size: 15px;
        color: aliceblue;
    };
}

/* holds body, notebook & gif!!!!!*/

.not-nav {
    margin: 10px;
    margin-left: 150px;
    position: relative;
}

.body {
    margin: 20px;
    border: 10px teal;
    float: left;
    position:relative;
    background-image:url(images/sparkly-stars.gif);
    background-size: cover;
    background-repeat: no-repeat;
    width: 60%;
    border: gray 10px solid;
    p {
        margin-left: 5px;
    };

}

/* holds todo and gif in one box so theyre lined up */
.vert-stack {
    margin: 20px;
    float: left;
    width: 310px;
    height: 500px;
    position: relative;
} 

.to-do {
    float: left;
    background-image:url(images/notebook.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 20px;
    position: relative;
    width: 310px;
    left: -20px

}

.gif-show {
    position: relative;
    margin: 10px;
    top: 150px

}