AMQ - Transparent by sometimes

/* ==UserStyle==
@name           AMQ - Transparent
@namespace      AMQ
@author         sometimes
@description    `transparent`
@version        1.0.0
==/UserStyle== */
@-moz-document domain(animemusicquiz.com){
/*Variables for values that get used more than once*/
 :root {
    /*Background image for the site*/
    --bg-image: url(https://i.imgur.com/whpizbg.jpg);
}
/*Backgronds*/
 #gameChatPage > .col-xs-9 {
    background-image: none;
    background-color: rgba(255, 255, 255, 0);
}
#gameContainer {
    background-image: var(--bg-image);
    background-size: cover !important;
}
#startPage {
    background-image: var(--bg-image);
    background-size: cover !important;
}
#awMainView {
    background-image: none;
    background-color: rgba(255, 255, 255, 0);
}
#loadingScreen {
    background-image: none;
    background-color: rgba(255, 255, 255, 0);
}
/*Styling of room selectors*/
 .rbrRoomImageContainer {
    background-color: rgba(109, 109, 109, 0.33);
}
/*In-game colors*/

/*Mark of the Beast (host)*/
 .qpAvatarHostIcon {
    background-color: #4497eac4;
}
.flatTextInput {
    background-color: rgba(0, 0, 0, 0.5)
}
/*Info Bar below players*/
 .qpAvatarInfoBar {
    background-color: rgba(0, 0, 0, 0.5);
}
.qpAvatarScoreContainer::after {
    background-color: rgba(0, 0, 0, 0);
}
.qpAvatarLevelBar {
    background-color: rgba(0, 0, 0, 0.5);
}
.qpAvatarScoreContainer {
    background-color: rgba(0, 0, 0, 0.75);
}
#qpVideoOverflowContainer {
	background: rgba(0, 0, 0, 0.3);
    box-shadow: none
/* Change opacity of background of "sound only". Can change colour too if you fancy*/
}
#qpVideoSoundOnly {
    opacity: 0;
}
#qpAnimeNameHider {
    opacity: 0;
}
#qpInfoHider {
    opacity: 0;
    pointer-events: none;
}
#qpVideoHider {
    background: rgba(0, 0, 0, 0.0);
}
#gameChatContainer {
    background-color: rgba(0, 0, 0, 0.5);
}
#gcChatMenu > div.selected {
    background: rgba(0, 0, 0, 0.2);
}
#qpOptionContainer {
    right: 20px;
}
.menuBar .popOut {
    transform: translateY(113%);
    background-color: rgba(0, 0, 0, 0.5);
}
.stPlayerName {
    background-color: rgba(0, 0, 0, 0.5);;
}
.socialFooterTab {
    background-color: rgba(0, 0, 0, 0);
}
#socailTabFooter > .selected {
    background-color: #6d6d6d40;
}
#mainMenuSocailButton {
    background-color: #1b1b1b4d;
}
#rightMenuBarPartContainer::before {
    opacity: 0;
}
#menuBarOptionContainer {
    box-shadow: none
}
.gcInputContainer {
    background-color: rgba(0, 0, 0, 0.33);
}
#gcInput {
    background-color: rgba(0, 0, 0, 0.33);
}
.gcList > li:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.33);
}
/*Lobby styling*/

/*Player cards*/
 .lobbyAvatarNameContainer, .lobbyAvatarImgContainer {
    background-color: rgba(66, 66, 66, 0.66);
}
/*The little mark of the host*/
 .lobbyAvatarHostContainer > .lobbyAvatarSubTextContainer {
    background-color: #4497eac4;
     -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
}
/*The lobby counter*/
 #lobbyCountContainer {
    background-color: rgba(66, 66, 66, 0.1);
    top: -13px;
     -webkit-box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0);
}
/*The player counter*/
 #lobbyCountLoad {
    background-color: #4497ea94;
}
/*The ready counter*/
 #lobbyReadyCountLoad {
    background-color: #86f19780;
}
/*The progress bar below the video during results*/
 #qpVideoProgressBar {
    background-color: #4497ea94;
}
/*This is for the auto-complete and the drop-down*/

/*Generic list colors*/
 .awesomplete > ul {
    background: #424242;
    border: none;
    -webkit-box-shadow: 0 0 10px 2px rgb(0, 0, 0);
    box-shadow: 0 0 10px 2px rgb(0, 0, 0);
}
/*Generic and site-wide stuff*/

/*Floating containers*/
 .floatingContainer {
    background-color: rgba(35, 35, 35, 0.6);
    border-color: rgba(10, 10, 10, 0.5);
}
#mpPatreonContainer, .mpDriveEntry {
    opacity: 0.6;
}
/*This section changes the look of the bottom bar*/

/*The empty XP part*/
 .menuBar {
    background-color: rgba(0, 0, 0, 0.35);
}
.leftRightButtonBottom {
    -webkit-box-shadow: 1px 3px 10px rgb(0 0 0 / 70%);
    box-shadow: 1px 3px 10px rgb(0 0 0 / 70%);
}
#optionsContainer li {
    background-color: rgba(0, 0, 0, 0);
}
#xpBarOuter {
    background-color: rgba(64, 152, 234, .05);
}
/*Add filters to make the currnecy conform to these colors*/
/*generic class for the large buttons on the bar, only used in the Avatar container at the lower left*/
 .menuBarMainButton {
    background-color: rgba(0, 0, 0, 0);
}
/*hover effect*/
 .menuBarMainButton:hover {
    -webkit-box-shadow: inset 0 0 20px 9px rgba(75, 81, 82, .4);
    box-shadow: inset 0 0 20px 9px rgba(75, 81, 82, .4);
    background-color: rgba(75, 81, 82, .4);
}
/*This sets the border color behind the avatar*/
 #avatarUserImgContainer {
    border-color: #484848;
}
/*Home page stuff!*/

/*In the off chance someone is using this with a guest account, make sure the notice is clearly visible*/
 #guestAccountNoticeContainer {
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 45px;
    background-color: rgba(35, 35, 35, 0.75);
    border-color: rgba(10, 10, 10, 0.5);
}
}