body{
     background-color: #0f1420;
     font-size:100%;
     margin:0;
	 height:100vh;
}

a { color: inherit; text-decoration: none; }


 .container {
	 display: flex;
	 align-items: center;
	 align-content:center;
	 justify-content: center;
	 height:100%
}
 .topcontainer {
     transition: all .1s ease-in-out;
     width:50%;
}

 .align-top {
	 align-self: flex-start;
}

.align-bottom {
	 align-self: flex-end;
}

 .main-item {
	 background-color:#21436f;
	 margin-bottom:5%;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 border-radius:5px 5px 3px 3px	;
}

 .main-item-text-container {
	 padding: 0 20px 20px 20px;	 
	 font-family:arial;
	 white-space: pre-line;
	 word-break: break-word;
}

 @font-face {
  font-family: "FingerPaint";
  src: url("FingerPaint-Regular.ttf");
}

span.default-name {font_size:2em;}

 span.main-item-name {
    transition: font-size .5s ease;
	font-family:"FingerPaint";
	font-size:4em;
	color:#7a9ed4;
} 


 p.email {
	font-size:1.5em;
	color:#7a9ed4;
	font-weight: bold;
} 


 p.social {
	font-size:1.5em;
	color:#c5e0fe;
	font-weight: bold;
} 

 span.img-links {
	 display: flex;
	 justify-content: center;
 }

 span.img-links img {
	 height:50px;
	 margin: 0 15px;
}

 span.email-img img {
	 height:25px;
	 margin: 0 8px;
}

 .card-top-image {
	 background-color:#21436f;
	 width: 100%;
	 padding-top:16%;
	 background-image: url('../images/slug-header.png');
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: contain;
	 border-radius:3px 3px 0 0;
} 

 @media only screen and (max-width: 850px) {
	  .container {
		  align-items: start;
	  }
		  
     .topcontainer {
        width:98%;
    }
	
	span.main-item-name {
		font-size:3.5em;
		color:#7a9ed4;
	}
}