.nav {
    position: fixed;
    bottom: 0;
    width: 100vw;
    background-color:	#4FA7F0;
  }
  .nav-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: fit-content;
    margin: auto;
    height: 30px;
  }

  .nav-items > a {
    display: block;
    text-align: center;
    padding: 2px;
    text-decoration: none;
    color: white
  }

  .main {
    display: grid;
    grid-template-rows: 1fr 1fr;
    /* border: 2px solid; */
    margin-bottom: 30px;
  }

  .main > div {
    /* border: 2px solid; */
    height: calc(100vh - 30px);
  }

  .rechts {
    display: grid;
    grid-template-columns: 1fr;
  }

  .rechts > div {
    border: 2px solid;
    min-height: 75px;
    color: #3361F5;
  }

  @media (min-width: 600px) {
    .main {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      margin-bottom: 0;
      margin-top: 30px;
      height: calc(100vh - 30px);
    }

    .nav {
      top: 0;
      bottom: initial;
    }
  }

ol {
  list-style-type: decimal;
  list-style-position: inside;
}

ul {
  list-style-type: circle;
  list-style-position: inside;
}

#Mapje {
  height: 220px;
  width: 180;
}

.magic-Table {
  max-width: 1000px;
}

.fix-Neofetch-Copy {
  display: block;
  margin-bottom: 15px;
}

.fix-Schipje-Copy {
  display: block;
  margin-bottom: 15px;
  clear: right;
  float: right;
}

.fix-Backup-Div {
  clear: right;
}