h1,h2,h3,h4,h5,h6,body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
}

body,td,th {
	color: #000;
}

a:visited {
	color: #60B;
	text-decoration: none;
	text-decoration-line: underline;
}

.blackLink:link, .blackLink:visited {
	color: #000;
	text-decoration: none;
	text-decoration-line: underline;
}

a:link, a:hover, .blackLink:hover {
	color: #00F;
	text-decoration: none;
	text-decoration-line: underline;
}

a:active, .blackLink:active {
	color: #008;
	text-decoration: none;
	text-decoration-line: underline;
}

body {
    background-color: #b7e0f6;
	position: relative;
	display: inline-block;
	min-height: 100vh;
	min-width: 100%;
}

li {
    margin: 3px;
    line-height: 150%;
}

.linkTable {
    background-color: #fff;
	border: 1px solid #000;
	/*
	width: fit-content;
	margin: auto;
	*/
}

#navbar
{
	background-image: url("../../images/AnimatedStars.gif");
	position: fixed;
}
/* 
#page-container {
	position: relative;
	min-height: 100vh;
}
 */

.rounded-corners {
	border-radius: 7.5%;
}

#postcard {
	background-color: #f3f3f3;
	width: 450px;
	height: 200px;
	padding: 29px;
	margin: auto;
	border: 1px black solid;
	box-shadow: 4px 4px 4px 3px #000;
}

#postcardHead {
	text-align: center;
	margin: 0px 0px 25px 0px;
}

#postcardImage {
	float: right;
	height: 130px;
	padding-right: 30px;
	vertical-align: center;
}

label {
	font-size: .9rem;
	margin-right: 0px;
	display: inline-block;
	width: 65px;
	vertical-align: top;
}

input[type="text"] {
	background-color: #f3f3f3;
	width: 50%;
	border: none;
	border-bottom: 2px dotted #000;
	outline: none;
}

input[type="submit"] {
	background-color: #ccc;
	padding: 5px;
	border-radius: 5px;
	margin: auto;
}

input[type="submit"]:hover {
	background-color: #b7e0f6;
}

/* Slideshow Styling */
#slide{
	margin: 1%;
    display: flex;
    margin-left: auto;
	margin-right: auto;
   	min-width: 60%;
	width: fit-content;
   	background-color:#29d;
   	border: 2px black;
   	border-style: solid;
   	border-radius: 10px;
   	position: static;
}

.previous, .next{
	cursor: pointer;
	position: auto;
	top: 50%;
	width: auto;
	height: fit-content;
	padding: 16px;
	align-self: center;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	user-select: none;
	left: 0;
	border-radius: 0px 3px 3px 0px;
}

.next{
	right: 0;
	border-radius: 3px 0px 0px 3px;
}

.previous:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1s;
	animation-name: fade;
	animation-duration: 1s;
}
  
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
  
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f3f3f3 inset !important;
}

.slideFade {
	width:  auto;
	max-width: 75%;
	height: 500px;
	margin: auto;
	object-fit: fill;
}
/* End of Slideshow Styling */

.content-wrap {
	padding-top: 100px;    /* Navbar height */
	padding-bottom: 80px;    /* Footer height */
}

footer {
	position: absolute;
	font-weight: bold;
	font-size: x-small;
	bottom: 0;
	width: 100%;
	height: 70px;            /* Footer height */
	margin-top: 10px;
}

.stickyFooter {
	position: absolute;
	font-weight: bold;
	font-size: x-small;
	width: 100%;
	height: inherit;
	border: hidden;
	overflow: hidden;
}

.stickyNav {
	position: fixed;
	font-weight: bold;
	font-size: x-small;
	width: 100%;
	height: 100px;
	border: hidden;
	overflow: hidden;
}

body {
	margin: 0px;
	vertical-align: middle;
}

tr {
	margin: 0;
}

#playlist{
	margin: 1%;
    display: flex;
    margin-left: auto;
	margin-right: auto;
	width: fit-content;
   	background-color:#29d;
   	border: 2px black;
   	border-style: solid;
   	border-radius: 10px;
   	position: static;
}

.video {
	margin: auto;
}