body {
  
  background-image: url("Images/Backgrounds/space.png");
  outline-color: #ffffcc;
  color: #ffffcc;
  font-size: 100%;
  margin-left: 8%;
  margin-right: 8%;
  
}


/* This is meant for divs: */


.maindiv {
  display: flex;
  gap: 1%;
  
  
}

.headerdiv {
  background-color: #000000;
  outline-style: groove;
  margin-bottom: 1%;
  padding: 1%;
  font-size: 120%;
  
}

.navdiv {
  padding: 3%;
	margin-bottom: 5%;
}

.sidediv {
	display: flex; 
	background-color: #000000;
	outline-style: groove;
	flex-direction: column;
	width: 15%;
}

.articlediv {
  background-color: #000000;
  outline-style: groove;
  flex: 3;
  padding: 1%;
  width: 84%;
}

.footerdiv {  
  background-color: #000000;
  outline-style: groove;
  margin-top: 1%;
  margin-bottom: 1%;
  height: 100%;
  padding: 0.5%;
}

/* This is meant for everything else then divs: */

.pikmin {
  
  background: url("Images/Dividers/pikmin.png") 0, 0;
  border: 0; 
  height: 33px;
  width : 100%;
  
}