body  {
      background-color: #EEEEEE;
      margin-left: 6%;
      margin-right: 6%;
      width: 88%;
      font-family: Calibri, Verdana, Geneva, Arial, sans-serif;
      font-size: large;
      color: #6F8BD1;
      }

@media only screen and (min-width: 800px) {
      body{
            margin-left: 20%;
            margin-right: 20%;
            width: 60%;
      }
}

h1    {
      font-size: 150%;
      font-weight: bold;
      color: #6FBCD1;
      }      

h2    {
      font-size: 130%;
      font-weight: bold;
      color: #6FBCD1;
      }
      
h3    {
      font-size: 100%;
      font-weight: bold;
      color: #6FBCD1;
      }
            
a     {
      color: #6FD1B5;
      }
      
.code {
      font-family: IBM Plex Mono, Liberation Mono, Courier, monospace;
      color: #222222;
      }