* { box-sizing: border-box; }
html, body {margin:0;font-size: 2.5vw; font-family: 'Courier New', Courier, monospace;}
sub, sub    {font-size: 3vw; font-family: 'Courier New', Courier, monospace;}
a   {
    text-decoration: none;    
}

.fleft  {
    float: left;
}

.header    {
    float: none;
    position: fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 5vw;
    background-color: white;
    z-index: 1;
}

.plants {
    float: none;
    margin: 5.0vw 0 0 0;
}

.row    {
    width: 100vw;
}

.nix    {
    float: left;
    height: 5vw;
    width: 33vw;
    padding: 2vw 0 0 0.5vw;
    border-bottom:1px dotted green;
    border-right:1px dotted green;
}

.month   {
    float: left;
    width: 5.50vw;
    height: 5vw;  
    color: green;
    font-weight: 900;
    padding: 2vw 0.4vw 0 0.4vw;
    border-bottom:1px dotted green;
    border-right:1px dotted green;
}

.name   {
    float: left;
    width: 32.8vw;
    height: 8.33vw;
    padding: 0.5vw 0 0 0.5vw;
    border-bottom:1px dotted green;
    border-right:1px dotted green;
}

.mo  {
    float: left;
    width: 2.75vw;
    height: 2.78vw;  
    border-bottom:1px dotted green;
    border-right:1px dotted green;
    background-color: rgb(192, 192, 192);
}

.dot  {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border: 0px;
    padding-left: 2px;
}

.mo.odd  { background-color: rgb(214, 214, 214);   }

.ps, .ps.odd  { background-color: rgb(255, 145, 0);   }
.ds, .ds.odd  { background-color: rgb(0, 174, 255);   }
.ha, .ha.odd  { background-color: rgb(0, 128, 0);     }