:root {
	--logo_height: 80px;
	--color-drop-shadows: rgba(0, 0, 0, .25);
	--color-background-main: #ECECEE;
	--color-background-secondary: #E0E0E2;
}

body {
	background: #31a392;
	background: linear-gradient(rgba(87, 199, 133, 1) 0%, rgba(49, 163, 146, 1) 100%);
}

h1,h2,h3,h4,h5,p,div {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.pd-main {
	background-color: var(--color-background-main);
	min-height: 100vh;
	filter: drop-shadow(0px 0px 2px var(--color-drop-shadows));
}

.pd-nav {
	max-height: var(--logo_height);
}

.pd-nav-btn {
	margin-top: -10px;
}

.pd-logo {
	max-height: var(--logo_height);
}

.pd-logo-text {
	font-family: "Permanent Marker", cursive;
	font-weight: 400;
	font-style: normal;
}

.pd-nav {
	background-color: #47AE78;
	margin-left: -20px;
	margin-right: -20px;
	filter: drop-shadow(0px 2px 1px var(--color-drop-shadows));

}

.pd-logo-bar {
	height: 100px;
	padding-top: 10px;
	background-color: #ECECEE;
}

.pd-footer {
	font-size: 0.7em;
	position:fixed;
	bottom:0;
}

.pd-transcript {
	height: 120px;
	overflow: auto;
	background-color: var(--color-background-secondary);
}