div.session {
    position: relative;
    top: -4em;
	transform: translateZ(0px);

	border: 1px solid rgba(211, 211, 211, 0.5);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.15);

	border-radius: 8px;
	padding: 0;
	padding-top: 1em;
	margin-bottom: 0;
}
div.session-details, div.speakers {
	padding-left: 2em;
	padding-right: 2em;
}

div.meta {
    margin-top: 0.5em;
    margin-bottom: 1em;
}
div.meta-tags {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	white-space: nowrap;
    margin-bottom: 0.5em;
}
div.meta-tag, div.meta-nontag {
	margin-top: 0.25em;
}
div.meta-tag {
	border-radius: 4px;
	padding: 0.2em 0.6em 0.2em 0.6em;
	margin-right:0.5em;
}
div.meta-nontag {
    padding: 0.3em 0.7em 0.3em 0;
}

ol, ul, pre {
    margin-bottom: 1em;
}
pre code {
    white-space: pre-wrap;
}

div.speakers {
	margin: 0;
	margin-top: 2em;
	padding-top: 1.5em;
}

div.speaker {
	display: flex;
	justify-content: space-between;
	padding: 0;

}
div.speaker:nth-child(even) {
	flex-direction: row-reverse;
}

div.speaker > div {
	padding: 1em;
}
div.profile-pic {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 1em;
}
div.info h3 {
	margin-top: 0;
}
.profile-pic img {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	object-fit: cover;
}
div.social-media {
	display: flex;
	/*justify-content: space-between;*/
}
.social-media img {
	height: 32px;
	margin-right:1em;
}
div.talk-header {
	height: 350px;
	background-position: center bottom;
}

.page {
  	perspective: 1px;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.slow-scroll {
	transform: translateZ(-4px) scale(5);
}