body{
	margin:0px!IMPORTANT;
	font-family:arial;
}

::selection {
  background: #ffb7b7;
}
::-moz-selection {
  background: #ffb7b7;
}




/* --------------------------------------------------------------------------------------------*/




#top-left,#top-right,#bottom-left,#bottom-right,#middle-left,#middle-right{
	position:fixed;
	font-size:25px;
	letter-spacing:1px;
	z-index:100;
}

#top-left{
	top:30px;
	left:40px;
}

#top-right{
	top:30px;
	right:40px;
}

#top-left:hover, #top-right:hover{
	top:30px;
	right:40px;
}

#bottom-left{
	bottom:30px;
	left:40px;
}

#bottom-right{
	bottom:30px;
	right:40px;
}

#about{
	color:black;
	position:relative;
	text-decoration:none;
}

#about:after{
	background-color:black;
	bottom:0;
	content:"";
	display:block;
	height:2px;
	margin:auto 0;
	position:absolute;
	top:5px;
	transition:width 0.4s;
	width:0%;
}

#about:hover:after{
	width:100%;
}
	



/* --------------------------------------------------------------------------------------------*/




#menubox1, #menubox2, #menubox3, #menubox4{
	width:auto;
	height:auto;
	
	position:fixed;
	z-index:1;
	
	display:none;
	font-size:30px;
	
	opacity:0.4;
	z-index:100;
}

#menubox1{top:20px; left:20px;}
#menubox2{top:20px; right:20px;}
#menubox3{bottom:20px; left:20px;}
#menubox4{bottom:20px; right:20px;}
	




/* ---------- Below: For Less than 600px Wide ---------- */




@media screen and (max-width: 600px) {
	
#top-left,#top-right,#bottom-left,#bottom-right,#middle-left,#middle-right{
	display:none;
}

#menubox1, #menubox2, #menubox3, #menubox4{
	display:block;
}


}