/* Please define your custom styles here */
html {
  font-size: 16px;
  padding: 0;
}

kbd, .kbd {
    color: inherit;
    min-width: 1rem;
    min-height: 1rem;
    line-height: 1;
    font-size: 90%;
    background-color: #F0F0F0;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    box-shadow: grey 0px 2px;
    padding: 1px 1px 0;
    //margin-top: -3px;
    margin:4px;
}

.monospace {
  font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
  font-variant-numeric: tabular-nums lining-nums;
  font-kerning:none;
  line-height: 0; 
  display:block;
  outline: 1px blue;
  margin: 0;
}

input[type=checkbox] {
  transform: scale(1.7);
}
.taskcontainer {
   display: grid; 

   grid-template-rows: 200px 400px 100px auto;
   grid-template-columns: auto 800px auto;
   
   grid-template-areas: 
	'. . .'
	'. taskarea .'
	'. instrreminder .'
	'. . .';
   
   gap: 0px;
   height: 100%;

   
}
  
#item-0 {

   grid-area: taskarea;
   
}
#item-1 {

  
   grid-area: instrreminder;
   
}