body {
    background-color: whitesmoke;
   }

#topDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background-color: whitesmoke;

}

#top {
    preserveAspectRatio: none;
    viewBox: 0 0 100 85;
    width: 100%;
    height: 1%;
    background-color: whitesmoke;
}

#headerDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    max-height: 133px;
    z-index: 40;
    background-color: whitesmoke;
}

#header{
    width: 100%;
    background-color: whitesmoke;
    height: 100%;
}

#wallDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
}
#wall{
    width: 100%;
    background-color: whitesmoke;
    height: 1600px;
}

#logo {
    position: fixed;
    left: 5em;
    z-index: 120;
    width: 110px;

}
#projectsList {
    position: absolute;
    z-index: 200;
    background-color: transparent
}

#pageTheme1Div {
    position: absolute;
    left: 1.5em;
    right: 1.5em;
    z-index: 15;

}
#pageTheme1{
    background-color: #e2e2e2;

}

#pageContent1 {
    position: absolute;
    height: 45em;
    z-index: 20;
background-color: transparent;

}

#pageTheme2Div {
    position: absolute;
    left: 1.65em;
    right: 1.5em;
    z-index: 15;


}
#pageTheme2{

    position: absolute;

}

#pageContent2 {
    position: absolute;
    height: 45em;
    z-index: 20;
    background-color: transparent;


}






.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;

}

.tab {
    font-family: Futura;
    font-size: 0.89em;
    text-align: justify;
    letter-spacing: 0.3em;
    fill: #402E32;

}

.button {
    font-size: 1.27em;
    cursor: pointer;
}


#frameVis {

    overflow: hidden;
    padding-top: 60%;
    z-index: 150;
    max-width: 1800px;
    max-height: 1100px;
    min-height: 80px;

}

iframe {
    max-height: 500px;
    min-height: 50px;

}

.frame {
    position: absolute;
    top: 40px;
left: 40px;
    width: 95%;
    height: 85%;
    border: 0;

}

.close {
    z-index: 100;
    position: absolute;
    top: 50px;
    left: 92.5%;
    width: 50px;
    height: 50px;

}

.themeTitle {
    font-family: Skia;
    font-size: 1.2em;
    text-anchor: middle;
    letter-spacing: 0.3em;
    fill: #402E32;

}

.plotTitle {
    font-family: Skia;
    font-size: 1.1em;
    text-align: justify;
    fill: #402E32;
    font-weight: bold;
}


.buttonTx {
    font-family: Skia;
    font-size: 15px;
    letter-spacing: 0.15em;
    fill: #402E32;
    font-weight: lighter;

}

.buttonC {
    r: 8px;
    fill: white;
    stroke: gray;
    stroke-width: 1px;
    cursor: pointer;
}

#list rect{

    fill: #CE6E6E;
    opacity: 0.5;
    stroke: gray;
    stroke-width: 1px;

}

#list text {
    font-family: Skia;
    font-size: 18px;
    letter-spacing: 0.13em;
    fill: #402E32;
 font-weight: lighter;
    text-anchor: middle;
}

.active {
    fill: #e62e00;
    stroke-width: 0px;
    cursor: none;
}

.on {
    cursor: pointer;
}

.mapTx {
    font-family: Skia;
    font-size: 14px;
    color: #a81822;

}

#underChart {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 130;
    background-color: whitesmoke;
    opacity: 0.8;

}