Template:Virginia/styles/membersCSS

body{

 background-image: url("T--Virginia--images--tilewhite.png"); 
 background-repeat: repeat repeat;
 background-size: 30%;
 background-color: white;

}

.genTitle{

 font-family: 'THICCCBOI', THICCCBOI;
 font-size: 4em;
 margin: none;
 text-align: center;
 padding: 2vh 0px 4vh 0px;

}

.genTitle::after{

 content: "";
 display: block;
 position: absolute;
 right: 0px;
 width: 80vw;
 height: 0;
 border-left: 1vw solid transparent;
 border-top: 0.5vw solid #3B3838;

}

.zoomers{

 width: 100%;

}

.memberPopup{

 position: fixed;
 width: 40%;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 background-color: #F7F7F7;
 border-radius: 2vw;
 font-family: "THICCCBOI", THICCCBOI, sans-serif;
 font-size: 2vw;
 overflow: hidden;
 z-index: 100;
 visibility: hidden;

}

.blackOut{

 position: fixed;
 background-color: rgba(0, 0, 0, 0.5);
 top: 0px;
 left: 0px;
 width: 100vw;
 height: 100vh;
 z-index: 50;
 visibility: hidden;

}

.Name{

 width: 100%;
 padding: 0.75vw 0px 0.75vw 0px;
 text-align: center;
 font-size: 2rem;
 color: white;
 background-color: #3B3838;

} .popupBody{

 padding: 2vw 0px 2vw 0px;

} .Roles{

 padding: 0.5vw 2vw 0.5vw 2vw;

} .year{

 padding: 0.5vw 2vw 0.5vw 2vw;

} .Hobbies{

 padding: 0.5vw 2vw 0.5vw 2vw;

} .FunFact{

 padding: 0.5vw 2vw 0.5vw 2vw;

}