<style>
    html {
        background-color: rgb(73,0,155);
    }
    .page {
        height:99%;
        width:100%;
        background-color: rgb(73,0,155);
    }
    body { margin:0;}
    .top {
        
        height:36px;
        width:100%;
        position: sticky;
        top:0;
        /* Yahoo purple 
        background-color: rgb(97,0,208);
        box-shadow:0px 2px 2px 2px rgba(55,0,113,.5);
        */
      
        background-color: rgb(73,0,155);
        z-index: 6;
        font-size: 2em;
        color: white;
        margin:auto; 
        margin-bottom: 3px;
        text-align: center;
      /*  display: flex;
        flex-direction: column; 
        padding: 0.3vw 0vw; */
        z-index: 11;
        padding-bottom: 2px;
    }
    div.nav {
        color: white;
        font-size: 1.1em;
        display:none;
        background-color:rgb(73,0,155);
        z-index: 20;
        position: fixed;
        padding:15px;
        top:36px;
        max-width: 60%;
        border-radius: 15px;
        box-shadow: 0 7px 7px 0px rgb(30 24 37);
        border: 6px double rgb(97,0,208);
        border-top: 0;
        border-top-left-radius: unset;
        border-left: 0;
        font-family: Arial, Helvetica, sans-serif;
    }
    .nav a {
        padding: 2px 0 2px 0;
        display: block;
    }
    div.subnav {
        margin: 0 auto;
        font-size: .4em;
      /*  line-height: 2.5vw;   */
        display: table;
        color:transparent;
        color: rgba(255,255,255,.9);
        user-select: none;
        
    } 
/* volume column hidden by default */
    .col_volume {
        display: none;
    }

    a {
        text-decoration: none;
        color:white;
    }
    .chart a {text-decoration: none; color:blue;}
    .chart a:visited {color:blue;}
#pitcher a {color:blue;}

    .navMin {
        padding: 3px 5px;
        line-height: 1;
        height:36px;
        width:42px;
        position: absolute;
        top: 0; left: 0;
        background-color: rgba(73,0,155,.1);
        border-radius:.375rem;
       /* border:1px solid rgba(255,255,255,0.1);    */
        border:0px;
    
    }
    .nav-btn{
        
        /*         
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.6)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
       background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2030%2030%27%3E%3Cpath%20stroke%3D%27rgba(255%2C%20255%2C%20255%2C%200.6)%27%20stroke-linecap%3D%27round%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272%27%20d%3D%27M4%207h22M4%2015h22M4%2023h22%27%2F%3E%3C%2Fsvg%3E');
        */
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        vertical-align: middle;
        display: inline-block;
        width:34px;

    }
    .hamburger {
     /*   height:100%; */
        cursor: pointer;
    }
    .header {
        margin: 0 auto;
        /*box-shadow:  0px 2px 2px 2px rgba(55,0,113,.5);*/
        font-size: 0.6em;
        display: table;
        color:transparent;
        color: rgba(255,255,255,.9);
        user-select: none;
        /*
  color: transparent;
  background-color: #6d0088;
  text-shadow: 0px 2px 2px rgba(255,255,255,1);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
        
        line-height: 3vw;   
        */    
    }

    .hidden {
        display:none;
    }
    .blur {
        opacity: 20%;
    }
    img {
        
    /*    width:100%;  */
    }
    #nav-off {
        position: absolute;
        top:0px;
        height:100%;
        width:100%;
        z-index: 10;
        margin:auto;
        background-color:  rgba(0,0,0, .75);        
    }
    .navlink {
        padding: 2px 10px;
    }
    .main {
        font-size: 2em;
        margin: auto;
        width: 100%;
        color:white;    
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        align-content: stretch;
    }

</style>