*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
    font-family: monospace;
     line-height: 150%;
}

a{
    text-decoration: none;
     color: whitesmoke;
}

a:hover {
  color: cyan;
  text-decoration: none;
}


.left {
    position: absolute;
    height: 100%;
    width: 300px;
    border-right: 1px solid whitesmoke;
    background-color: blue;
}


.month{
    height: calc(100% / 12);
    border-bottom: 1px solid;
    font-size: 20pt;
    padding: 20px;

}


 
marquee{
    margin-bottom: 10px;
}
.right {
    position: absolute;
    height: 100%;
    width: calc(100% - 300px);
    margin-left: 300px;
    padding: 20px;
    background-color: yellow;
}


.content {
    display: none;
    /*height: 100%;*/
  /*  overflow-y:auto;*/
}

.content:target {
    display: block;
}

h1{
    font-size: 16pt;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 20px;

}

h2{
    font-size: 12pt;
    font-weight: normal;
    margin-bottom: 20px;
    margin-left: 20px;

}

hr{
    border:none;
    border-top: 2px dotted blue;
    margin: 20px;
}

.margin{
     margin: 20px;
}

.overview{
    color: dimgray;
  }

li{
    margin-left: 20px;
}
@media screen and (max-width: 704px) {

}