/* site.css */
header,footer {
	background-color: #5D5383;
	border: solid 2px black;
	font-family: "Times New Roman", serif;
}

.logo {
	border:3px solid black;
	width:800px;
	height:250px;
	margin: 20px auto 10px auto;
	filter: drop-shadow(0px 10px 5px black);
	transition: transform 0.2s;
	display: inline-block;
	
}

.logo:hover {
        animation: jiggle 0.5s;
    }

    @keyframes jiggle {
        0%, 100% { transform: rotate(0deg); }
        25% { transform: rotate(-5deg); }
        50% { transform: rotate(5deg); }
        75% { transform: rotate(-5deg); }
    }

header{
	font-size: 30px;
	text-align: center;
}

footer{
	padding: 10px;
	border-radius: 3px;
}

body{
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(background.jpeg);
	background-size: contain;
	background-attachment: fixed;
}

a {
	color: green;
}

html, body {
	padding: 0;
	margin: 0;
}


.container {
	width: 989px;
	margin: 0 auto;
	background-color: white;
	padding: 5px; 
}

#container {
    min-height: 800px;
}

header nav {
    margin: 0px auto 20px auto;
	text-align: center;
}

ul {
    margin: 0px;
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}

header nav li {
    display: inline;
	font-size: 30px;
	padding: 0px 20px;
}

header nav li a {
    text-decoration: none;
    color: #efc0ff;
} 

header nav li a:hover {
    text-decoration: none;
    color: #8D82BC;
} 

.Hours {
	border-width:3px;
	border-style:solid;
	padding:5px;

}

table {
    margin-left: auto;
    margin-right: auto;
}

#questionform {
    margin: 10px;
}

#aboutus {
    margin: 10px;
}

input[type="text"], textarea {
            border-radius: 5px;
            padding: 5px;
            border: 1px solid #ccc;
        }

textarea {
    height: 60px;
    width: 250px;
}

td {
            padding: 5px;
            vertical-align: top;
        }

  #video-table {
            width: 65%;
            border-collapse: collapse;
        }
        #video-table td {
            vertical-align: top;
            padding: 10px;
        }
        #video-table iframe {
            width: 560px;
            height: 315px;
        }
        #video-table video {
            width: 177px;
            height: 315px;
        }
        
#aboutul {
    margin: 2px 1px;
}