body {
    background-color: #a1b776;
    color: black;
    margin: 0;
}

/* below is styles for header, title, account/sign in button */

.index_header {
    border-bottom: 2px dotted black;
    border-right: 2px dotted black;
    border-left: 2px dotted black;
    display: flex;
    margin: 0 20px 0 20px;
    padding: 0 20px 0 20px;
}

.index_header h3 {
    margin: 5px 0 5px 0;
}

.index_header a {
    margin: 5px 0 5px auto;
    color: black;
}

/* nav menu bar */

.index_menu {
    display: flex;
    margin: 0 20px 10px 20px;
    justify-content: center;
}

.index_menu_center {
    border-bottom: 2px dotted black;
    border-right: 2px dotted black;
    border-left: 2px dotted black;
    padding: 5px 80px 5px 80px;
}

.index_menu_center a {
    margin: 5px 0 5px 0;
    color: black;
}

.index_menu_center a:nth-child(1) {
    margin-right: 5px;
}
.index_menu_center a:nth-child(2) {
    margin-right: 5px;
}

/* below is styles for page content */

#page_content {
    margin: 0 20px 0 20px;
    padding: 20px;
}

/* below is styles for login/sign up */

.login_signup {
    width: 400px;
    margin: 10% auto 0 auto;
    text-align: center;
    border: 2px dotted black;
}

.login_signup button {
    margin-bottom: 20px;
}

.login_signup a {
    color: black;
}

/* below is styles for account web page */

.acc_page {
    width: 600px;
    margin: 10% auto 0 auto;
    text-align: center;
    border: 2px dotted black;
}

.acc_but {
    color: black;
}

/* style for uploads page */

.upload_table {
    border: black 2px dotted;
}