@media screen and (max-width: 600px) {
	.phone {
		font-size: small;
		padding-left: 1em !important;
	}
}
@media screen and (max-width: 370px) {
	.phone {
		font-size: x-small;
		padding-left: 1em !important;
	}
}

.img {
	width: 100%;
	max-width: 833px;
	margin-bottom: 3rem;
}

.border {
	border: 1px solid lightgrey;
	padding: 5px;
}

.markdown-body {
	margin: 2rem;
	font-family:
		BlinkMacSystemFont,
		Segoe UI emoji;
	font-size: 16px;
	line-height: 1.5;
	word-wrap: break-word;
}

.markdown-flex {
	display: flex;
}

.markdown-body h1,
.markdown-body h2 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #eaecef;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
	margin-top: 24px;
	margin-bottom: 16px;
	font-weight: 600;
	line-height: 1.25;
}

.markdown-body blockquote,
.markdown-body details,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
	margin-top: 0;
	margin-bottom: 16px;
}

.markdown-body ol,
.markdown-body ul {
	padding-left: 2em;
}

.markdown-body li + li {
	margin-top: 0.25em;
}

.markdown-body a {
	color: #0366d6;
	text-decoration: none;
	background-color: initial;
}

.markdown-body a:active,
.markdown-body a:hover {
	text-decoration: underline;
	outline-width: 0;
}

.blob {
	position: absolute;
	top: 1rem;
	z-index: -1;
	-webkit-animation: spin 40s linear infinite;
	-moz-animation: spin 40s linear infinite;
	animation: spin 40s linear infinite;
	margin-top: 2rem;
	margin-left: 8rem;
}

/*Animations*/
@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}