Template:Virginia/styles/genpageCSS

body{

 background-image: url(""); 
 background-repeat: repeat repeat;
 background-size: 30%;
 background-color: white;

}

.mainContainer{

 display: flex;
 position: relative;
 width: 100%;
 min-height: 100vh;

}

.contentHolder{

 text-align: justify;
 text-justify: inter-word;
 position: relative;
 width: 80%;
 font-family: THICCCBOI;
 font-size: 1.2vw;

}

.genTitle{

 font-size: 4em;
 margin: none;
 padding: 2vh 0px 4vh 2vw;

}

.genTitle::after{

 content: "";
 display: block;
 position: absolute;
 left: 0px;
 width: calc(100% - 1vw);
 height: 0;
 border-left: 1vw solid transparent;
 border-top: 0.5vw solid #3B3838;

}

.sectionTitle{

 font-size: 2em;
 padding: 0 0 1vw 0;

}

.sectionTitleShift{

 position: relative;
 top: calc(0px - 1.495vw - 4.6vh - 16px);

}

.section{

 padding: 0px 3vw 0px 3vw;

}

.section>{

 margin: 0 0 1vw 0;

}

.bar{

 width:100%;
 display: flex;
 justify-content: center;
 height: 0px;
 padding: 0 0 1vw 0;

} .bar::after{

 display: block;
 content: "";
 width: 95%;
 height: 0.1vw;
 background-color: #3B3838;

}

.paragraph{

 text-indent: 2em;
 line-height: 1.5;
 margin: 0 0 1vw 0;

}

.paragraph > div{

 text-indent: 0px;
 line-height: normal;

}

.figureHolder{

 max-width: 100%;

}

.figureHolder > img{

 width: 100%;
 max-width: 100%;
 padding: 0 0 1vw 0;

}

.figureHolder > div{

 padding: 0 1vw 1vw 1vw;
 font-size: 0.85em;
 color: #757575;

}

.figureHolder > div > b{

 color: black;

}

.TOCholder{

 font-size: 1.2vw;
 font-family: THICCCBOI;
 padding-top: calc(1.4625vw + 4.5vh);
 width: 20%;
 border-right-style: none;
 background-color: none;

}

.TOC{

 position: fixed;
 position: -ms-fixed;
 position: -webkit-sticky;
 position: sticky;
 width: 18vw;
 top: 16vh;
 left: 1vw;
 overflow: visible;
 padding: 0vh 1vw 0vh 1vw;

}

.TOCHeader{

 margin: 0 1vw 0 1vw;
 padding-left: 1vw;
 font-size: 1.5em;
 border-bottom: solid

}

.TOCElement{

 text-align: center;
 font-size: 1.25em;
 padding: 0.5vw 0 0.5vw 0;
 margin: 0.5vw 0 0.5vw 0;
 cursor: pointer;
 border-style: none none none solid;
 border-color: transparent;

}

.TOCElement:hover{

 color: #eb3349;

}

.activeTOC{

 border-color: #eb3349;

}