body{
  background: url(gen_img/bg.png);
}

#main{
	display: flex;
	flex-direction: column;
	align-items: center;
	
	background: url(gen_img/cream.jpg);

	width: 90vw;
	height: 91vh;
	margin: 9vh 5vw 0 5vw;
	border-radius: 15% 15% 0 0;
}

#welcome{
  background-color: orange;
  
  width: 90%;
  height: 30%;
  margin: -3% 0 0 0;
}

#upper-half{
  background-color: yellow;
  display: flex;
  flex-direction: row;
  
  width: 95%;
  height: 50%;
}

#lower-half{
  background-color: red;
  display: flex;
  flex-direction: row;
  
  width: 95%;
  height:20%
}

#topster{
  background: url(index_img/topster.png); 
  background-size: contain;
  
  width: 28%;
  height: 100%;
}

#portfolio{
  background-color: blue;
  
  width: 21%;
  height: 100%;
}

#closet{
  background-color: pink;
  
  width: 21%;
  height: 100%;
}

#blogs{
  background-color: red;
  
  width: 30%;
  height: 100%;
  }

#dice-roll{
  background-color: orange;
  
  width: 28%;
  height: 100%;
}

#album-container{
  background-color: purple;
  
  width: 72%;
  height: 100%;
}