Hey, ive got a problem! I want the text in the header to b non transparent, and i want all the text to show in the menu as white, and showing, at the moment it seems like the rows i dont have marked, is fully transparent 
, any1 who could help me out with this CSS? =)
ATM it look like this, https://gyazo.com/396c1e3f7347ff5ea8b04dc580e67ec6
Here is the code
Summary
@font-face {
font-family: bankgothic;
src: url(’…/fonts/caviardreams.TrulyMadlyDpad.otf’);
color : rgba(255, 255, 255, 1);
}
@font-face {
font-family: pcdown;
src: url(’…/fonts/TrulyMadlyDpad.otf’);
color : rgba(255, 255, 255, 1);
}
.menu {
font-family: TrulyMadlyDpad;
min-width : 400px;
color : #ececec;
box-shadow : 0px 0px 0px 0px #ececec;
position : absolute;
opacity : 1
}
.menu.align-left {
left: 40;
top : 50%;
transform: translate(0, -50%);
}
.menu.align-top-left {
left: 40;
top : 40;
}
.menu.align-top {
left: 50%;
top : 40;
transform: translate(-50%, 0);
}
.menu.align-top-right {
right: 10;
top : 40;
}
.menu.align-right {
right: 40;
top : 50%;
transform: translate(0, -50%);
}
.menu.align-bottom-right {
right : 40;
bottom: 40;
}
.menu.align-bottom {
left : 50%;
bottom: 40;
transform: translate(-50%, 0);
}
.menu.align-bottom-left {
left : 40;
bottom: 40;
}
.menu.align-center {
left : 50%;
top : 50%;
transform: translate(-50%, -50%);
}
.menu .head {
background-color: #7727bd;
text-align : center;
height : 55px;
line-height : 55px;
opacity : 0.4
}
.menu .menu-items {
max-height : 600px;
color : #ececec;
overflow-y : auto;
}
.menu .menu-items .menu-item {
height : 40px;
display : block;
background-color: #202020;
box-shadow : inset 0px 0px 0px 0px #202020;
height : 32px;
line-height : 32px;
color : #202020;
text-align : center;
opacity : 0.5
}
.menu .menu-items .menu-item.selected {
background-color: #7bbdb7;
opacity : 1
}