body{
background-image: url(""); 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;
}