div {
  /* font-size: 2.4vh; */
	font-family: monospace;
}
.center {
  display: block;
  background-color:lightblue;
  margin-left: 2%;
  margin-right: auto;
  width:80%; 
  height:75%;
} 
.fill {
  display: block;
  background-color:lightblue;
  margin-left: 2%;
  margin-right: auto;
  width:100%; 
  height:100%;
} 
#myDIV {
  background-color: lightblue;
  border: 15px solid green;
}
.box0
{  
  background-color:white;
  font-family: monospace;
  font-size: 30px;
}

.box1
{  
  background-color:lightblue;
  font-family: monospace;
  font-size: 20px;
}

div.box1 {
  background-color: lightblue;
  font-size: 1em;
  font-family: monospace;
  border: 1px solid black;
  padding: 1px;
  margin-left: 1%;
  margin-right: 1%;
}


div.box2
{  
  text-align: left;
  background-color:white;
  width: 48%;
  height: 40%;
  border: 1px solid green;
  padding: 2px;
  margin: 2px;
  opacity: 1.0;
}


.header{
  background-color: lightblue;
  font-size: 1em;
  font-family: monospace;

}
.footer {
  background-color: lightblue;
  font-size: 0.7em;
  font-family: monospace;

}
input.myinput { 
  background-color: lightblue;
  border:none;
}
a.list {
  background-color: white;
  margin-left:2vw;
font-family: monospace;
font-size: 1em;
width: 50vw;

}
select.listuitslagen {
  background-color: white;
font-family: monospace;
font-size: 1em;
width: 50dvw;
}
.grid-container {
  /* display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-gap: 0.3vh; /* Adjust gap between grid items */
  
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 50%;
  overflow-y: scroll; /* Show vertical scrollbar */
  overflow-x: scroll; /* Show horizontal scrollbar */
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;

  /* height: calc(100% / 6); /* Dit verdeelt de ruimte in 6 gelijke rijen */

  margin-bottom: 0.3vh;

  scrollbar-width:auto;
  overflow: scroll;
  justify-content:left;
  background-color: white;
  color:rgb(0,0,0);
  font-family: monospace;
  font-size: 1em;
  font-weight: 800;
  padding: 0.2vh;
  min-height: 10dvh;
  max-height: 30dvh;
  min-width: 16dvw;
  max-width: 80dvw;
  border:solid;
}

.grid-item {
  /* Add any additional styles for the grid items */

  padding: 0,0vh;
  text-align: left;
  min-width:10vw;
  max-width: 90vw;
  color:rgb(0,0,0);
  background-color: white;
  font-family: monospace;
  font-size: 0.7em;
  font-weight: 800;
}
.linkparent {
  text-align: left;
  background-color: lightblue;
  color:rgb(0,0,0);
  font-family: monospace;
  font-size: 1em;
  font-weight: 800;
  padding: 0vh;
  min-height: 10dvh;
  max-height: 20dvh;
  min-width: 16vw;
  max-width: 80dvw;
  border:solid;
}

.link{
  /* Add any additional styles for the grid items */

  padding: 0vh;
  text-align: left;
  justify-content:left;
  min-width:10vw;
  max-width: 80vw;
  color:rgb(0,0,0);
  background-color: lightblue;
  font-family: monospace;
  font-weight: 800;
}
div.count
{  
  text-align: left;
  background-color:white;
  min-height: 4em;
  max-height: 4em;
  min-width: 16vw;
  max-width: 40dvw;
}