MVH/UI/Game.uss

#game {
    flex-direction: row;
    height: 100%;
    width: 100%;
}

#GameButtons {
    width: 100%;
	flex-grow: 1
}

#GameCenterWrapper {
	width: 55%;
}

#LeftVisualizer {
    width: 22.5%;
}

#RightVisualizer {
    width: 22.5%;
}

.GameButtonClicked {
    background-color: gray;
    scale: 1.1;
}

.GameButton {
    transition: scale;
    transition-duration: 0.05s;
    width: 20%;
    height: 20%;
    margin: auto;
	font-size: 32px;
	border-radius: 45px;
	border-width: 0px;
}

.NoteElement {
    width: 100%;
    height: 30%;
    margin: auto;
	font-size: 32px;
	border-radius: 45px;
    border-width: 0px;
    position: absolute;
}


.LeftNote {
    background-color: red;
}

.RightNote {
    background-color: green;
}

.UpNote {
    background-color: blue;
}

.DownNote {
    background-color: yellow;
}

.Bar {
    width: 100%;
    height: 0.7%;
    background-color: white;
}

.LeftBar {
    margin: auto;
    margin-left: 0;
}

.RightBar {
    margin: auto;
    margin-right: 0;
}

#GameBackgroundImageWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
    flex-direction: row;
}

#TimeLeft,
#Score {
	font-size: 35px;
	-unity-font-style: bold;
    -unity-text-align: middle-center;
	color: white;
}

#GameBackgroundImageLeft {
	background-image: url('project://database/Assets/Images/left.png');
    margin-right: 35%;
}


#GameBackgroundImageRight {
	background-image: url('project://database/Assets/Images/right.png');
    margin-left: 35%;
}

.ColumnActive {
    background-color: green;
}