.accordion {
    color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 18px;
    width: 80%;
    text-align: center;
    border: 1px solid white;
    outline: none;
    transition: 0.4s;
    margin-top: .5%;
    margin-bottom: .5%;
    margin-left: 10%;
    font-size: 120%;
}

.major {
    background-color: rgb(209, 157, 240);
}   

.major:hover {
    background-color: rgb(214, 141, 236);
}

.minor {
    background-color: rgb(162, 102, 197);
}  

.minor:hover {
    background-color: rgb(182, 81, 212);
}

.subminor {
    background-color: rgb(116, 82, 136);
}

.subminor:hover{
    background-color: rgb(113, 68, 139);
}
.active{
    background-color: rgb(131, 59, 153);
}

.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.panel p{
    margin-left: 15%;
    margin-right:15%
}


.panel h3{
    text-align: center;
}

.description{
    margin-top: 2%;
    text-align:justify
}

.panel li{
    margin-left:20%;
    margin-right:20%;
    margin-bottom:5px;
}

li::marker{
    color:rgb(214, 141, 236);
}

.update_changes{
    font-size:16pt;
}

.update_linkholder{
    font-size:16pt;
    text-align:center;
}
.basicblurb {
    margin-left: 15%;
    margin-right:15%
}


table{
    object-position: center;
    margin-top: 40px;
    margin-right: 10%;
    margin-left: 15%;
    width : 70%;
}

table, th, td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 15px;
}

th {
    background-color: rgb(131, 59, 153);
    color: white;
  }

tr:nth-child(odd) {background-color: rgb(209, 157, 240)}
tr:hover {background-color: plum;}

#digittallycalculation{
    width:80vw;
    margin-left:10vw;
    overflow-y:scroll;
}

.explanation_text{
    font-size:3vmin;
}