table {
  font-family: Courier New;
  font-size: 20px; }

a {
  text-decoration: none;
  color: #FF00FF; }

body {
  font-family: Courier New;
  font-size: 20px;
  background-color: black;
  color: #00FF00; }

#aboutsite {
  color: #00FF00; }

#aboutme {
  color: #00FF00; }

#leftnav {
  display: block;
  float: left; }

#code {
  display: block;
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    #code {
      display: none; } }

#code_container {
  grid-area: header;
  overflow: hidden;
  grid-column: span 2; }
  @media screen and (max-width: 900px) {
    #code_container {
      position: fixed;
      width: 100%;
      top: 0px; } }

#leftnav_container {
  grid-area: leftnav; }
  @media screen and (max-width: 900px) {
    #leftnav_container {
      display: none; } }

#footer_container {
  grid-area: footer;
  grid-column: span 2; }

#mobile_code {
  display: none;
  overflow: hidden; }
  @media screen and (max-width: 900px) {
    #mobile_code {
      display: block;
      margin-bottom: 36px;
      width: 100%;
      z-index: 100;
      background-color: black;
      top: 0; } }
  #mobile_code h1 {
    margin-left: 100px;
    position: reative; }

#rightnav {
  float: left;
  min-height: 300px;
  margin-left: 50px; }
  @media screen and (max-width: 900px) {
    #rightnav {
      margin-left: inherit;
      margin-top: 130px; } }

#footer {
  overflow: hidden;
  text-align: center; }
  @media screen and (max-width: 900px) {
    #footer {
      text-align: inherit; } }

table {
  color: #00FF00; }

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block; }

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  left: 5px;
  top: 35px;
  font-size: 40px; }

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black; }

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white; }

#myLinks {
  display: none;
  position: relative;
  margin-bottom: 50px; }

.topnav {
  min-height: 30px; }

#main {
  max-width: 900px;
  display: grid;
  grid-template-areas: 'header header' 'leftnav rightnav' 'footer footer'; }
  @media screen and (max-width: 900px) {
    #main {
      max-width: inherit;
      overflow: hidden; } }

/*# sourceMappingURL=style.css.map */