.portrait {
	height: 400px;
}

@media screen and (max-width: 542px) {
	.portrait {
		height: 300px;
	}

	.portrait-container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (max-width: 888px) {
	.portrait-container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.social-media img {
	width: 30px;
	height: auto;
	margin: 10px;
}

.social-media img,
.social-media p {
	display: inline-block;
	vertical-align: middle; /* to align them vertically centered to each other */
}

.signature {
	font-family: "Reem Kufi";
	font-size: 40px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 100px;
	margin: 0;
	text-align: left;
}

@media screen and (max-width: 888px) {
	.signature {
		text-align: center;
	}
}

@keyframes heartbeat {
	0%,
	100% {
		opacity: 1;
	}
	10% {
		opacity: 0.4;
	}
	20% {
		opacity: 1;
	}
	30% {
		opacity: 0.4;
	}
	40% {
		opacity: 1;
	}
}

.heartbeat {
	animation: heartbeat 2s linear infinite;
}