body {margin:0;padding:0}
.header {
    background-color : #303030;
    padding: 2px;
}

.buttonClass {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    margin-left: 38px;
}
.RVButton {
    background-color: #E8E8E8;
    border: none;
    color: black;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}
.RVButton:hover {
    background-color: #F1F0F0;
    color: black;
}
.displayContent {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 5px
}
.evalButton {
    background-color: #3299E1;
    border: none;
    color: black;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}
.evalButton:hover {
    background-color: #39A7F3;
    color: black;
}
#show {
    font-size: 40px
}
.mathContent {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 24px;
    border-radius: 8px;
    padding: 3px;

}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column1 {
    background-color: #FAFAFA;
    float: left;
    width: 20%;
    padding: 24px;
    font-size: 20px;
  }
.column2 {
    float: left;
    width: 50%;
    padding: 10px;
}
.column3 {
    background-color: #FAFAFA;
    float: right;
    width: 20%;
    padding: 35px;
}

#valueTable {
    width: 296px;
    font-family: Arial, Helvetica, sans-serif;
    table-layout: fixed;
    border-collapse: collapse;

}
#valueTable tr:hover {background-color: #ddd;}
#valueTable tbody, #valueTable thead tr {display: block}
#valueTable thead th {width: 140px}

#valueTable tbody {
    height: 375px;
    overflow-y: auto;
}

#valueTable tbody th, #valueTable tbody td {
    width: 140px;
    border: 1px solid #ddd;
    padding: 8px;
  }
  
#reset {
    background-color: #C42C2C;
    border: none;
    color: black;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}
#plot {
    background-color: #5DD639;
    border: none;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}
#plotCul {
    background-color: #5DD639;
    border: none;
    color: black;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
}
.stats {
    font-size: 24px
}
#EVButton {
    background-color: #3299E1;
    border: none;
    color: black;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    display: none

}
#EVButton:hover {
    background-color: #39A7F3;
    color: black;
}
#VarButton {
    background-color: #3299E1;
    border: none;
    color: black;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    display: none

}
#VarButton:hover {
    background-color: #39A7F3;
    color: black;
}
#approxProb {
    background-color: #3299E1;
    border: none;
    color: black;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    display: none
}
#approxProb:hover {
    background-color: #39A7F3;
    color: black;
}