body{background-color: powderblue;
margin: 0px
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: block;
  padding: 8px;
  text-decoration: none;
  
}
li a:hover {
  background-color: #111;
}

#wrapper{
	  background-color: black;
      padding: 0px;
      text-align: center;
	  font-size: 15px;
	  color:white;
}
	
	#header{
	  background-color: black;
      padding: 0px;
      text-align: center;
	  font-size: 15px;
	  color:white;
}
	#social media{
	  background-color: black;
      padding: 30px;
      text-align: 10px;
	  font-size: 35px;
	  color:white;
	  float: right;
}
	#logo{
	  background-color: purple;
      padding: 30px;
      text-align: center;
	  font-size: 35px;
	  color:white;
	}
	#sidebar{
	  background-color: yellow;
      padding: 30px;
      text-align: center;
	  font-size: 35px;
	  color: white;
	  float: right;
	}
#article{
	  background-color: powderblue;
      padding: 10px;
      text-align: center;
	  font-size: 35px;
	  color:white;
	}
	
	* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
	
	#footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: black;
   color: white;
   text-align: center;
}