.container {
  display: flex;
}
/* above adds left container */

.left a {
  display: flex;
  justify-content: center;
  font-size: 0.8em;
  margin-bottom: 0.3em;
}

a img {
  max-width: 5.625rem;
} // makes "ouch" smaller


.left {
  flex: 0.2 0.2 1%;
  background-color: #e0e0e0;
  color: #272727;
  font-size: 2.5vw;
  position: relative;
  min-height: 100vh;
} /* impacts color */

.right {
  flex: 5 1 0%;
  margin: 10px;
} /* above adds margin on sides and adjusts right container */

p {
  font-size: 1.2em;
  word-spacing: 2px;
  margin-top: 2vh;
}

b {
  font-size: 1.2em;
  word-spacing: 2px;
  margin-top: 2vh;
}


.normal {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #000050;
}

.current:hover {
  color: #ff811a;
  cursor: default;
}

.container {
  display: flex;
}

.left {
  flex: 0.2 0.2 1%;
  background-color: #e0e0e0;
  color: #272727;
  font-size: 2.5vw;
  position: relative;
  min-height: 100vh;
}



body {
  background-color: #fefefe;
  color: #1b1b1b;
  max-height: 80vh;
  max-width: 100vw;
  font-size: 1.2em;
  word-spacing: 2px;
  margin-top: 2vh;

}
/* above sets right container color (body) 

.fbigger {
    font-size: 140%; /* Max: 145% */
    display: flex;
    justify-content: center;
    color: #0d0d7a;
}

.fbigger2 {
    font-size: 115%; /* Max: 120% */
    /* display: flex;
    justify-content: center; */
    margin-left: 55px;
    color: #0d0d7a;
}

.fbigger3 {
    font-size: 125%;
    margin-left: 55px;
    color: #ff3907;
}

.centereq {
    display: flex;
    justify-content: center;
    color:#0d0d7a
}

.textmid {
    font-size: small;
}

.tabwrap{
    display: block;
    text-indent: -30px;
    padding-left: 30px;
}

.table {
    /* display: flex;
    flex: 2; */
    padding-left: 30px;
    max-width: 90vw;
    max-height: 50vh;
    justify-content: right;
    font-size: 20px;
}

th {
    font-weight: 100;
}
td {
    padding-left: 15px;
}

h3 {
    font-size: 25 px;
    font-style: italic;
}

h4 {
    font-size: 25px;
}

.bold {
    font-weight: bolder;
}