
statistics {
   position: relative;
   display: flex;
   background: white;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   overflow: hidden;
}

.statistics {
   padding: 0;
   margin: 0.5rem;
}

.content-statistics {
   align-self: flex-start;
   justify-content: center;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: calc(60% - 0.5rem);
   padding: 2rem;
}

.content-statistics:nth-of-type(2) {
   flex-basis: calc(20% - 0.5rem);
}

.content-statistics:nth-of-type(3) {
   flex-basis: calc(20% - 0.5rem);
}

.content-statistics table {
   width: 100%;
   padding: 1.5rem;
   text-align: left;
   color: #383BA8; 
   border-collapse: collapse;  
   border: 0;
}

.content-statistics table th {
   background-color: #DDDDDD;
   color: #383BA8;
   padding: 0.5rem;
   font-weight: bold;
   font-size: 1rem;
   font-style: italic;
   border: 1px solid;
   border-color: #383BA8;
}

.content-statistics table td {
   text-align: center;
   border: 1px solid;
   font-size: 0.8rem;
   background-color: white;
   padding: 0.2rem 1rem 0.2rem 1rem;
}

.content-statistics table td:nth-of-type(2) {
   text-align: right;
}

.content-statistics table td.tdSep {
   border: 0;
   font-size: 0.5rem;
   padding: 0;
   background-color: white;
}

#statSidenav a {
   position: absolute;
   left: -8rem;
   transition: 0.5s;
   padding: 0.5rem;
   width: 9rem;
   text-decoration: none;
   font-size: 1rem;
   color: #383BA8;
   border-radius: 0 5px 5px 0;
   background-color: #B2B5FF;
}

#statSidenav a:hover {
  left: 0;
}

#statSidenav a:active {
   font-weight: bold;
}

#link1 {
  top: 20px;
}

#link2 {
  top: 80px;
}

#link3 {
  top: 140px;
}
