.navbar {
  overflow: hidden;
 background-color:black;
   position: fixed; 
  top: 0; 
  width: 100%;
  z-index: 5;
}

.navbar a {
  float: right;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  margin-right:10px;
  text-decoration: none;
  font-size: 20px;
}

.navbar a:hover {
/*  background: #ddd; 
  color: #000; */
}
.deb3flexbox div{
/*	border:1px #ccc solid; */
	padding:10px;
 }
/* } */
#debcontentdiv{
 background-image: url("images/green.jpg");
/* margin-left:auto;
margin-right:auto; */
color:white;
}
H2{
color:white;
}
#debtitle {
text-align:center;
margin-top:100px;
color:white;
}
#debtitle H1 {
font-size:40px;
margin-bottom:30px;
}
#debtitle p{
	font-size: 15px;
  font-weight: bold;
}

#deb2left{
width:40%;
float:left;
margin:5%;
}
#deb2right{
width:40%;
float:left;
margin:5%;
}
.clearthis{
clear:both;
}
.deb3flexbox{
display:flex;
justify-content: space-around;
font-size: 18px;
color:white;
margin-top:50px;
}
iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.debbox p{
padding: 10px;	
}
.debbox{
width:40%;
 background-color:rgba(0,0,0, 0.1);
 		-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

#debfoot{
margin-top: 50px;
text-align: center;
}
#playlist {
    list-style-type: none;
	padding:10px;
}

#playlist li {
    cursor: pointer;
    margin:5px;
}
#playlist li:hover {
    font-weight: bold; 
	padding:5px;
	color:#f7b7b2;