body {background-image : url(".assets/background.jpg");background-repeat: no-repeat;background-color: #ffcc9a;background-attachment: fixed;background-size: cover;}
p {color:#382318;padding:2%;}
a {color:#382318;}
.menu {display:block;font-size:18px;padding: 2%;}
h1 {color:#382318;padding-left:2%;}
.divider {border-top: 3px solid #ffdebd;}

.container_directory_mobile > * {display:hidden;}

@keyframes n1 {from {rotate: 0deg}to {rotate:90deg}}
@keyframes n2 {from {rotate: 90deg}to {rotate:0deg}}

.nav_button {display:inline-block;width:40%;animation-fill-mode:forwards;}

@media all and (min-width:1000px) and (max-width: 50000px) {
.body_main {display: grid;grid-template-areas:
        "header content"
        "directory content";
    grid-template-columns: 5fr 12fr;grid-template-rows: 35% 65%;margin-left: auto;margin-right: auto;width:94%;}
.container_heading_desktop {grid-area: header;}
.container_heading_mobile {display: none;}
.container_directory_desktop {grid-area: directory;background-color: #ff9f6d;margin-right:2%;overflow:scroll;}
.container_content {grid-area: content;background-color: #ff9f6d;}
table {margin:2%;border: 3px solid white;}
table, th, td {border: 3px solid #382318;border-collapse: collapse;padding-left: 15px;padding-right: 15px;}
.page {display:none;}
.content {display:block;height:45vw;overflow:scroll;}
}


@media all and (min-width:0px) and (max-width: 1000px) {
.body_main {display: block;width:100%;margin-left:auto;margin-right:auto;}
.container_heading_desktop {display: none;}
.container_directory_desktop {display: none;}
.container_directory_desktop > * {display:none;}
.container_heading_mobile {display: block;}
.container_directory_mobile {background-color: #ff9f6d;margin-right:2%;overflow:scroll}
.container_content {min-height:80vh}
.content {display:block;background-color: #ff9f6d;min-height:80vh}
.page {display:none;}
.menu {font-size:38px;}
h1 {font-size: 300%;}
p {font-size: 220%;}
table {font-size: 220%;margin:2%;border: 3px solid white;}
table, th, td {border: 3px solid #382318;border-collapse: collapse;padding-left: 15px;padding-right: 15px;}
}