body
{
   padding: 0rem;
   border: 0rem;
   margin: 0rem;
   
   color: black;
   background-color: #d4ffcf;
}


header
{
   padding: 2rem 1rem;
   
   color: #d4ffcf;
   background-color: darkgreen;
}


header h1
{
   margin: 0rem;
}


header a
{
   color: #d4ffcf;
   text-decoration: none;
   text-decoration-color: currentcolor;
}


header img
{
   padding-left: 2rem;
   vertical-align: middle;
}


.flexcontainer
{
   display: flex;
   flex-wrap: nowrap;
}


nav
{
   display: inline-block;
   vertical-align: top;
   
   width: max-content;
   height: max-content;
   padding: 1rem;

   background-color: darkgreen;
}


nav label
{
   display: block;
   
   padding: 0.3rem;
   margin: 0.1rem 0rem;

   color: white;
   background-color: chocolate;
}


nav a
{
   display: block;
   
   padding: 0.3rem;
   margin: 0.1rem 0rem 0.1rem 1rem;

   color: #d4ffcf;
   text-decoration: none;
   text-decoration-color: currentcolor;
}


.selection
{
   padding-right: 1.4rem;
   margin-right: -1.1rem;

   color: black;
   background-color: #d4ffcf;
}


main
{
   display: inline-block;
   vertical-align: top;
   
   width: 800px;
   padding: 1rem;
}