*{
    box-sizing:border-box;
}
body{
    background-image: url('https://www.cs.csubak.edu/~psingh/cs2680webdev/finalproject/background.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    background-size:cover;
}
.wrapper{
    position:relative;
    margin: 0 auto;
    height: 100vh;
    width:100%;
    text-align: center;

}
header{
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    height:100px;
    text-align:center;
}

nav{
    position:absolute;
    top:105px;
    margin: 5px;
    bottom: 5px;
    width:25%;
    
    border-radius:10px;
}

.left {
    color:white;
    font-family:palatino;
    font-size:14px;
}
.content{
    position:absolute;
    top:105px;
    left:26%;
    right:26%;
    bottom:5px;
    margin:5px;
    overflow: hidden;
   
    border-radius: 10px;
}


.notes{
    position: absolute;
    border-style:solid;
    right:5px; 
    top:105px;
    bottom:5px;
    margin:5px;
    float:right;
    border-style:solid;
    width:25%;
    
    border-radius:10px;
}

footer{
    position:relative;
    margin: 10px auto;
}