body{
    font-family: 'Arial','Verdana','Tahoma','Wingdings';
    background-color: #b4b4b4;
    color: #C70000;
}
#ms-ex{
    border: 0;
    display: flex;
    flex-direction: row;
    margin: auto;
    width: 50%;
    text-align: center;
}
#ms-ex-1{
    margin: 1em;
}
#ms-ex-2{
    margin: 1em;
}
#ms-ex-div-1{
    border:0px;
}
#ms-ex-div-2{
    border:0px;
}
h3{
    text-align: left    ;
}
@keyframes expf {
    from {flex-grow: 0;background-color: #929292;}
    to {flex-grow: 1;background-color: #E0E0E0;}
  }
@keyframes conf{
    from {flex-grow: 1;background-color: #E0E0E0;}
    to {flex-grow: 0;background-color: #929292;}

}
@keyframes marginshrinkframes {
    from{margin:10}
    to {margin: 0;}
    
}
@keyframes margingrowframes {
    from{margin:0}
    to {margin: 10;}
    
}
.mg{
    -webkit-animation: margingrowframes 0.5s linear 0s 1 forwards;
    animation: margingrowframes 0.5s linear 0s 1 forwards;
}
.ms{
    -webkit-animation: marginshrinkframes 0.5s linear 0s 1 forwards;
    animation: marginshrinkframes 0.5s linear 0s 1 forwards;
}
.con{
    -webkit-animation: conf 0.5s linear 0s 1 forwards;
    animation: conf 0.5s linear 0s 1 forwards;
}
.exp{
    -webkit-animation: expf 0.5s linear 0s 1 forwards;
    animation: expf 0.5s linear 0s 1 forwards;
    
}
div{
    border: solid;
    border-width: 1px;
    background-color:#E0E0E0;

}
table{
    border: 0px;
}
td{
    border: solid;
    border-color: #C70000;
    margin: 0px;
}
#bodydiv{
    border: 0;
    flex-grow: 5;
}
#fullbodydiv{
    border: 0px;
    display: flex;
}
#bodyimg{
    border: 0;
    
    text-align: center;
    
    
    padding: 0px;
    margin: 0%;
}
#mzmcon{
    left: 0px;
}
#mzmconlabel{
    text-align: center;
}
#mzmconlabelsrc{
    font-size: small;
    text-align: center;
}
#parent{
margin: 0;
padding: 0;
text-align: center;
display: flex;
border: 0px;
}
#cparent{
    border: 0px;
    display: flex;
    flex-direction: column;
    flex-grow: 9;
    width: 8px;
}
#nav{
    
    flex-wrap: wrap;
    display: inline-block;
    margin: 0;
    padding: 0;
    flex-grow: 1;
}

#navsvg{
    margin: 0;
    padding: 0;


}
.navlink{
    font-size: 0.75em;


}
#navButton{
    border: 0;
    background-color: transparent;
    margin: 10px;

}
#title{
    background: -webkit-linear-gradient(#c47500, #C70000);
                background-clip: content-box;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
    
    height: 100px;
    display: inline-block;
}
#mc{
    
    display: inline-block;
    flex-direction: column;
}
#m2text{
    padding: 1em;
}
#introdiv{
    display: flex;
    flex-direction: column;
    padding: 1em;
}
#contentsdiv{
    display: flex;
    flex-direction: column;
}
#contentlist{
    text-align: left;
}
#m1div{
    display: flex;
    flex-direction: column;
}
#m1contdiv{
    display: flex;
    flex-direction: row;
    border-left:0px;
}
#m1textdiv{
    display: flex;
    flex-direction: column;
    flex-grow: 8;
    padding:1em;
}
#m1imgdiv{
    display: flex;
    flex-direction: column;
    flex-grow: 3    ;
    width: 30%;
    
}
#mzmcont{
    display: flex;
}
#mzmtext{
    padding: 1em;
}
p{
    text-align: left;
    text-indent: 2em;
}
ul{
    text-align: left;
}
ol{
    text-align: left;
}
.padded{
    padding: 1em;
}