code {
   border: 0;
}

.grid-container {
   display: grid;
   column-gap: 20px;
   grid-template-rows: auto fr;
   grid-template-columns: auto fr;
   row-gap: 0px;
   height: 100vh;
   width: 100vw;
}


main {
   background-color: white;
   border: solid darkgray;
   border-width: 3px 0 0 3px;
   border-radius: 10px 0 0 0;
   padding: 10px;
   overflow: auto;
   grid-row-start: 2;
   grid-column-start: 2;
}

header {
   padding-left: 10px;
   height: 5em;
   grid-row-start: 1;
   grid-column-start: 1;
   grid-column-end: 3;
}

nav {
   overflow-y: auto;
   overflow-x: hidden;
   padding-left: 10px;
   width: 10em;
   grid-row-start: 2;
   grid-column-start: 1;
   grid-row-end: 3;
}

nav a { 
   color: #0d65b3;
   text-decoration: none;
   font-weight: 400;
}


body {
   background-color: rgb(224, 224, 224);
   overflow: hidden;
   margin: 0;
   padding: 0;
}

img {
   z-index: 100;
}

nav ol { padding: 0px 0px 5px 25px;}
nav ul { padding: 0px 0px 5px 5px;}