#head-container-about{
	width:100vw;
	font-family:sharpie;
	font-size:70px;
	text-align:center;
	min-height:450px;
	background:url('../assets/images/dirty-dry-erase2.jpg');
	background-size:cover;
	box-shadow: 0px 10px 5px rgba(0,0,0,.3);
	border-bottom: solid 5px rgba(70,70,70,.8);
	
}

#about-title{
	padding-top:100px;
}

#profile-description {
	position:relative;
    font-family: 'alexandria';
    font-size: 25px;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, .2);
    padding: 25px;
    background: rgb(255 243 199);
	max-width: 1100px;
	left:50%;
	transform:translate(-50%,0);
	letter-spacing:1.5px;
}

#profile-description-tape {
	position:absolute;
	top:-25px;
	left:50%;
	transform:translate(-50%,0);
	width:300px;
	height:50px;
	background: url('../assets/images/tape.png');
	background-size:contain;
	background-repeat:no-repeat;
}

.about-icon{
	width:70px;
}

.about-title-post{
	display:inline-block;
	position:relative;
	height:265px;
	width:265px;
	padding:30px;
	padding-top:60px;
	box-sizing:border-box;
}



/* ______________________________ Flip Cards ________________________________*/

.flip-card {
	perspective: 1000px;
  	height:300px;
	width:300px;
	display:inline-block;
	margin: 10px;
	font-family:sharpie;
	
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	vertical-align:top;
	box-sizing:border-box;

}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}

.flip-card-front {
	background: linear-gradient(180deg, rgb(235 237 174), rgb(240 241 172) 12%, rgb(241 234 126) 12%, rgb(236 237 170) 100%);
	color: black;
	font-size:30px;
	padding:20px;
	box-sizing:border-box;
}

.flip-card-back {
	background: linear-gradient(180deg, rgb(235 237 174), rgb(240 241 172) 12%, rgb(241 234 126) 12%, rgb(236 237 170) 100%);
	color: black;
	font-family:sharpie;
	font-size:20px;
	font-weight:bold;
	transform: rotateY(180deg);
	display:flex;
	align-items:center;
	padding:20px;
	box-sizing:border-box;
}

.post-it-yellow{
	background: linear-gradient(180deg, rgb(235 237 174), rgb(240 241 172) 12%, rgb(241 234 126) 12%, rgb(236 237 170) 100%);
}
.post-it-pink{
	background: linear-gradient(180deg, rgb(226 170 241), rgb(211 143 229) 12%, rgb(197 131 223) 12%, rgb(249 190 249) 100%);
}
.post-it-green{
	background:linear-gradient(180deg, rgb(193 237 216), rgb(173 229 193) 12%, rgb(179 241 196) 12%, rgb(130 229 190) 100%);
}
.post-it-blue{
	background:linear-gradient(180deg, rgb(154 196 243), rgb(171 189 255) 12%, rgb(151 172 237) 12%, rgb(136 157 243) 100%);
}