html {
background-color: black;
background-image: url('https://ronetheboxhouston.files.wordpress.com/2014/06/screen-shot-2014-06-23-at-12-39-18-pm.png?w=605&h=605');
}
.page-header {
background-color: rgba(255, 255, 255, 1);
color: black;
opacity: 0.5;
padding: 20px;
text-align: center;
}
.introduction {
background-color: rgba(255,255,255,0.5);
border-radius:20px;
padding: 30px;
width: 700px;
margin: 0 auto;
margin-top: 30px;
color: black;
font-size: 20px;
line-height: 130%;
font-family: sans-serif;
text-align:center;
}
.page-footer {
background-color:rgba(255,255,255,0.7);
padding: 20px;
width: 700px;
margin-left: auto;
margin-left: auto;
border-radius:20px;
margin-top:30px;
text-align:center ;
}
.gallery {
background-color:rgba(255,255,255,0.7);
padding: 30px;
width: 700px;
margin: 0 auto;
margin-top: 30px;
text-align:center;
}
.gallery img {
height: 130px;
border-width: 5px;
border-color: #FFFFFF;
border-style: solid;
box-shadow: 3px 3px 5px 6px rgba(0,0,0,0,1);
margin: 5px;
}
.videos {
background-color: rgba(255,255,255,0.7);
padding: 20px;
margin: 0 auto;
margin-top: 30px;
text-align: center;
width: 700px;\
}
.main-menu {
background: ;
}
.main-menu a {
background-color:purple;
border-color: blue;
border-width:2px
border-style: solid;
border-radius: 8px;
font-weight: bold;
color: white;
display: inline-block;
padding: 5px 10px;
margin:10px;
}
.main-menu a:hover {
background-color: orange;
color:blue;
}
.main-menu .selected {
background-color:green;
color:white;
}
.lyrics {
background-color: black;
background-image: url('https://ronetheboxhouston.files.wordpress.com/2014/06/screen-shot-2014-06-23-at-12-39-18-pm.png?w=605&h=605');
padding: 20px;
margin: 0 auto;
margin-top: 30px;
text-align: center;
width: 700px;
}