/* they call me the moji man */
/* borrowed some css points from https://github.com/typicalname0/myspace-v3/blob/master/style.css */

body {
	margin: 0px;
	padding: none;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: grey;
}

.container {
	width: 45em;
	padding: auto;
	margin: auto;
	background-color: white;
}

a::hover{
	color: indianred;
}

#header{
  	margin: auto;
	padding: none;
	background-color: #003399;
	color: white;
	width: 150px;
}

a{
 color: white; 
}

.fadei{
  animation: fadein 1s;
  }

#logo{
  	margin: auto;
  	float: left;
width: 150px;
    height: 100px;
    background-color: transparent; 
    background-image: url(./Z.png);
}

/* animation */

@keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* profile */
.clearfix {
	overflow: auto;
}

.commentpfp {
	float: right;
}

.message {
	background-color: #fc9;
	padding: auto;
	margin: auto;
}

.hero {
	background-color: #D3D3D3;
	border: 1px solid black;
}

.topLeft {
    float: left;
    width: calc( 40% - 20px );
    padding: 10px;
}

.topRight {
    float: right;
    width: calc( 60% - 20px );
    padding: 10px;
}

.panel {
	padding: 5px;
	margin: 5px;
	background-color: #D3D3D3;
}