body {
  margin: 0;
  padding: 0;
  background: DeepSkyBlue;
}
 
.nav ul {
  list-style:none;
  padding: 0;
  margin: 0;
   background-color:#FAC7FF;
   text-align:center;
}
.nav li {
  font-family: 'Forte', sans-serif;
  font-size: 24px;
  border-bottom: 1px solid #845EDC;
  height: 50px;
  line-height:50px;
  

}
 
.nav a {
  display: block;
  transition: .3s background-color;
  text-decoration:none;
  color: white;
  
}
 
.nav a:hover {
	background-color:#845EDC;

}
 
.nav a.active {
	
}

@media screen and (min-width:600px){
	.nav li{
		width:150px;
	    border-bottom: none;
		height: 50px;
		line-height: 50px;
		display: inline-block;
	}
}
 
 
.content {
	width:70%;
	margin:auto;

}

.leftSideBar {
	position:relative;
	float:left;
	width:20%;
	min-width:200px;
	margin-right:15px;
	


}

.rightSideBar {
	position:relative;
	float:left;
	width:75%;

}

#profilePic {

}

#sugar{
	width: 200px;
}
footer { 
 clear:both;
 font-size: 12px;
 text-align: center
}