html {
    font-family: monospace;
    background-image: url(bison.jpeg);
}
#top {
    text-align: center;
    color: aliceblue;
}
#main {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
#nav {
    text-align: left;
    border: inset;
    width: 25%;
    position: absolute;
    padding: 10px;
    height: 800px;
    left: 10px;
    background-color: rgba(240, 248, 255, 0.5);
}
#middle {
    position: absolute;
    width: 40%;
    height: 60%;
    padding: 10px;
    overflow: scroll;
    border: 3px dashed aliceblue;
    margin: 10px;
    overflow-x: hidden;
     background-color: rgba(255, 228, 196, 0.7);
}
#me {
    position: absolute;
    right: 10px;
    width: 25%;
    border: inset;
    padding: 10px;
   background-color: rgba(240, 248, 255, 0.5);
}