elodie's code

/* Thank you to: Klem, Juvian and LolCats for providing a bunch of the code*/
/* You can pretty much change any element here. Feel free to message me if you want to find a certain thing to change */
/*-MelodyElodie*/


:root {
	/* Change the URL in quotes to whatever you want the bg to be. */
  --bg: url(https://files.catbox.moe/j7oexe.png);
    /* Optional: if you want a different background for chat. Phone wallpapers tend to work best. */
  --chatbg: rgba(0,0,0,0.5);
}

#startPage {
 background-image: var(--bg);
 background-size: cover;
}

#gameContainer {
 background-image: var(--bg);
 background-size: cover;
}

#loadingScreen {
 background-image: var(--bg);
 background-size: cover;
}

#gameChatPage > .col-xs-9 {
 background-image: var(--bg);
  background-size: cover;
}
#gcGameChatButton{
    color: #ffffff
    box-shadow: none;
	text-shadow: 0 0 20px #96FF96, 0 0 30px #66FF66, 0 0 40px #66FF66, 0 0 50px #66FF66 !important;

}
#footerMenuBarBackground{
    background: rgba(0,0,0,0.7);
}
#awMainView {
 background-image: var(--bg);
  background-size: cover;
}

#gameChatContainer {
	background: var(--chatbg);
}

.leftShadowBorder, #currencyContainer, #menuBarOptionContainer, #awContentRow .rightShadowBorder {
    box-shadow:none;
}

#footerMenuBar .menuBar, #optionsContainer.popOut, #rightMenuBarPartContainer::before, .gcList > li:nth-child(2n) {
    background-color: #1b1b1b
}

#socialTab:not(.open), #optionsContainer:not(.open) {
    display:none;
}

#mainMenuSocailButton, #avatarUserImgContainer {
    border:none !important;
}

#optionsContainer li {
    background-color:#424242 !important;
}

#rbMajorFilters {
    background-color: #1b1b1b;
    padding-left: 10px;
}


.leftShadowBorder {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.gcList > li:nth-child(2n) {
background: none;
}

.gcInputContainer {
background: none;
}
#xpBarCoverInner{
    background: #1b1b1b
}
#xpBackground{
    	background: #ff6095
}
#xpBackground{
    	border: #ff6095
}
/* Legibility fix for guesses */
.qpAvatarAnswerContainer.rightAnswer .qpAvatarAnswer {
    box-shadow: none;
	text-shadow: 0 0 20px #96FF96, 0 0 30px #66FF66, 0 0 40px #66FF66, 0 0 50px #66FF66 !important;
}
.qpAvatarAnswerContainer.wrongAnswer .qpAvatarAnswer {
    box-shadow: none;
	text-shadow: 0 0 20px #FF9996, 0 0 30px #FF4A44, 0 0 40px #FF4A44, 0 0 50px #FF4A44 !important;
}

.avatarIsHostContainer {
	box-shadow: none;
    -webkit-box-shadow: none;
}

.avatarIsHostContainerOuter {
 	position: initial;
	box-shadow: none;
    -webkit-box-shadow: none;
}

.qpAvatarNameContainer .avatarIsHostContainer {
    background-color: unset;
	background-image: url("https://files.catbox.moe/jizubh.png");
    transform: none;
    left: 25px;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}


#mainMenuSocailButton {
	background-color: rgba(0,0,0,0.7);
}

.lobbyAvatarImgContainer {
	background-color: rgba(0,0,0,0.7);
}
.menuBarOptionContainer {
    background-color: rgba(0,0,0,0.7);
}

#avatarUserImgContainer {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#avatarUserImgContainer:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.lobbyAvatarTextContainer {
    background: rgba(0,0,0,0.7);
}

#gameContainer, #gameChatPage > .col-xs-9, #mainMenuSocailButton, #avatarUserImgContainer, .topMenuBar, #awContentRow, #awMainView, .gcInputContainer, .qpSideContainer, .qpAnimeNameContainer, #qpCounter, #qpWaitBuffering  {
     background-color: rgba(0,0,0,0.7);
    background-size: 100% auto !important;
    background-attachment: fixed !important;
    background-position: 0px !important;
}

#qpAnimeNameHider {
    background-color: #1b1b1b
}

#qpVideoHider {
    background-color: #1b1b1b
}

#qpInfoHider {
    background-color: #1b1b1b
}

#xpBarCoverInner {
    background-color: #1b1b1b
}

.qpAvatarNameContainer {
    background-color:  #1b1b1b
}

.qpAvatarAnswerContainer {
    background-color: #1b1b1b
}

.qpAvatarLevelText {
	background-color: #1b1b1b;
	border-radius: 1px 1px 50px 50px;


}

.qpAvatarPointText {
   background-color: #1b1b1b;
    border-radius: 50px 50px 1px 1px
}

.qpAvatarImgContainer {
	box-shadow: 0 0 0px 0px rgb(0, 0, 0);
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	background-size: cover;
	position: relative;
	z-index: -1;
}

.qpSingleRateContainer {
    transform: skewX(-35.5deg);
    -webkit-box-shadow: 1px -3px 10px rgba(0, 0, 0, 0.89);
    box-shadow: 1px -3px 10px rgba(0, 0, 0, 0.89);
    height: 100%;
    float: left;
}



#gameContainer >.col-xs-9, #rbRoomContainer .rbrRoomImageContainer{
    background-color:rgba(0, 0, 0, 0.3)
}