/*  take up the full webpage */
.home{
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100vh;
}

/* set the main content to be in a row */
.home > main{
    display: flex;
    flex-direction: row;
    height: 100vh;
}

/* negative space for right / left sides of content */
.right, .left{
    margin: 0;
    padding: 0;
    flex-grow: 1;
    max-width: 20%;
}

/* set the entire content of the page to be larger than the gutters */
.home > main > .full-content{
    flex-grow: 4;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

/* align the nav to the left side of the window */
.full-content > .nav {
    max-width: 20%;
    margin: 0;
    padding: 0;
    text-align: left;
    flex-grow: 1;
}

/* remove bullet points on nav */
section > ul > li{
    list-style: none;
}

/* keep the main content to the center */
.full-content > .main-content{
    flex-grow: 3;
    text-align: left;
    padding-right: 10px;
}