body {
     margin: 0;
}

table, th, td, tr {
     border:1px solid black;
     margin-left: 64px;
     margin-right: 64px;
}

table {
     width: max-content;
}

img {
     margin: 0;
     display: block;
}

canvas {
     margin: inherit;
     border: 4px solid;
     justify-content: center;
}

.top_grid {
     --nav-width: 210px;
     --nav-offset-x: 210px;
     display: block;
}

.left_bar {
     height: 100vh;
     position: fixed;
     width: var(--nav-width);
     border-right: 4px solid;
     word-wrap: break-word;
     background-color: rgb(255, 255, 255);
}

.left_bar h1 {
     margin: 0;
}

.logo {
     border-bottom: 4px solid;
     padding: 8px;
     margin: 0px;
     background-color: burlywood;
}

.menu {
     padding: 12px;
     padding-top: 0px;
     font-size: 16px;
}

.menu-section {
     margin-bottom: 24px;
}

.menu-header {
     font-weight: bold;
     font-size: 22px;
     margin: 0;
     margin-bottom: 6px;
}

.menu-subheader {
     margin-left: 16px;
     font-size: 20px;
     /* text-decoration: underline; */
}

.right_body {
     margin-left: calc(var(--nav-offset-x));
     margin-bottom: 180px;
}

.right_body_title {
     font-weight: bold;
     font-size: 90px;
     padding-top: 16px;
     margin-bottom: 32px;
     padding-left: 64px;
     padding-right: 64px;
     border-bottom: 4px solid;
}

.right_body h1 {
     margin-top: 0px;
     padding-left: 48px;
     padding-right: 48px;
     font-size: 30px;
}

.right_body p {
     padding-left: 72px;
     padding-right: 72px;
     font-size: 30px;
}

.right_body li {
     margin-left: 72px;
     padding-right: 72px;
     font-size: 30px;
}

#canvas-holder {
     display: flex;
     justify-content: center;
}