body {
		 margin: 0;
		 font-family: Mukta, Arial, "Times New Roman", sans-serif;
		 font-size: 1em;
		 background-color: #fff;
}

#welcome { 
				 background-image: url("images/welcome-background.png");
				 background-size: contain;
}

body > div {
		 min-height: 100vh;		 
		 display: flex;
		 flex-direction: column;
		 flex-wrap: nowrap;
}

main {
		 flex-grow: 1;
}

#welcome main {
				 margin-top: 1em;
}

header > div, nav > div, main > div, footer > div {
		 width: 75%;
		 margin-left: auto;
		 margin-right: auto;
}

nav {
		font-size: 1.3em;
		background-color: #eb1414;
}

#welcome nav {
				 background-color: transparent;
}

nav ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: baseline;
		white-space: nowrap;
		overflow: hidden;
		list-style-type: none;
		padding: 0;
		margin: 0;
}

nav li {
		padding: 1em 0;
		margin: 1em 0;
}

nav a {
		padding: 1em;
		margin: 1em;
		background-color: #fff;
}

nav a:link, nav a:visited {
		color: #0060aa;
		text-decoration: none;
		border-width: 8px;
		border-color: #bc1010;
}

#welcome nav .welcome a,
#browse nav .browse a,
#in-touch nav .in-touch a {
				 color: white;
				 background-color: rgb(255, 0, 0, 0.8);
				 border-color: rgb(188, 16, 16, 0.8);
}

.welcome a, .in-touch a {
					border-style: inset;
}

.browse a {
				border-style: outset;
}

nav a:hover {
		color: red;
		border-color: #0060aa;
}

footer {
			 color: white;
			 text-shadow: 2px 2px #000066;
			 clear: both;
			 background-color: #0060aa;
}

#welcome footer {
				 background-color: transparent;
}

form {
		 padding-bottom: 1em;
}

form div {
		margin: 1em;
		margin-bottom: 0;
}

fieldset {
				 margin-top: 1.2em;
				 margin-bottom: 1.5em;
}

legend {
			 font-size: 1.2em;
}

input[type=text] {
		 width: 100%;
		 padding: 1em;
		 margin: 1em 0;
		 border-radius: 5px;
		 box-sizing: border-box;
}

input[type=text]:focus {
			outline: 3px solid #1a9cff;
}

input[type=checkbox], input[type=radio] {
									margin: 1em;
}

select {
			 width: 50%;
			 padding: 1em;
			 border-radius: 5px;
			 border-style: dotted;
			 outline: none;
}

select:focus {
						 outline: 3px solid #1a9cff;
}

textarea {
				 width: 100%;
				 height: 150%;
				 padding: 1em;
				 margin: 1em 0;
				 box-sizing: border-box;
				 border-radius: 5px;
				 resize: none;
}

textarea:focus {
 	 			 outline: 3px solid #1a9cff;
}

input[type=submit], input[type=reset] {
									 width: initial;
									 padding: 1em;
									 margin: 1em;
									 border-radius: 5px;
									 color: #1a9cff;
									 background-color: #fff;
}

input[type=submit]:hover, input[type=reset]:hover {
									 width: initial;
									 padding: 1em;
									 margin: 1em;
									 border-radius: 5px;
									 color: #1a9cff;
									 background-color: #000;
									 font-weight: bold;
}

h1 {
	 font-size: 2.5em;
	 color: #0060aa;
	 font-family: hwt-mardell, sans-serif;
	 font-weight: 400;
	 font-style: normal;
}

#welcome h1 {
				 color: white;
				 text-shadow: 5px 5px 3px black;
}

h1 span {
	 font-size: .5em;
}

h2 {
	 font-size: 2em;
	 color: #0065b3;
	 margin-bottom: -10px;
	 clear: both;
}

@font-face {
					 font-family: PickledPansies;
					 src: url(fonts/PickledPansies.TTF);
					 font-weight: 900;
}

#welcome h2 {
				 font-family: PickledPansies;
				 text-transform: uppercase;
				 font-size: 5em;
				 text-align: center;
				 color: #000033;
				 text-shadow: 0 -15px 15px #ccccff;
				 margin-top: .4em;
}

h3 {
	 font-size: 1.7em;
	 color: #0074cc;
	 margin-bottom: -10px;
	 clear: both;
}

#welcome h3 {
				 font-family: 'Zilla Slab Highlight', cursive;
				 font-size: 3.5em;
				 font-variant-caps: petite-caps;
				 font-weight: 700;
				 color: white;
				 text-shadow: 5px 5px 3px black;
}

h4 {
	 font-size: 1.4em;
	 color: #0082e6;
	 margin-bottom: -10px;
}

p {
	margin-left: 1em;
}

#welcome main p {
				 margin-left: 0;
				 text-align: justify;
				 text-align-last: center;
				 font-family: 'Zilla Slab Highlight', cursive;
				 font-weight: 400;
				 font-style: normal;
			   font-size: 3em;
			   color: white;
				 text-shadow: 5px 5px 3px black;
}

ol {
	 margin-left: -.5em;
}

dt {
	 font-weight: bold;
	 color: #1a9cff;
}

dd {
	 margin-bottom: 1em;
}

table, td, th {
  border: 1px solid black;
	padding: 1em;
	border-style: dotted;
}

table {
  width: 100%;
  border-collapse: collapse;
	margin-top: 1em;
}

caption {
				font-size: 1.2em;
				color: #1a9cff;
				font-weight: bold;
				margin: 1em;
}

abbr {
		 text-decoration-color: #1a9cff;
}

.float-r {
						 float: right;
						 margin: 1em;
}

.imgs-center {
 						display: flex;
 						justify-content: space-evenly;
 						align-items: center;
						flex-wrap: nowrap;
}

.top {
		 position: fixed;
		 bottom: 100px;
		 right: 100px;
		 border-radius: 10px;
		 border: solid 2px #1a9cff;
		 border-style: dotted;
		 padding: 0 .4em;
		 background-color: rgb(255, 255, 255, 0.7);
		 font-size: 2em;
}

.top:visited {
		 color: #1a9cff;
}

.top:hover {
					 background-color: #1a9cff;
					 color: white;
					 border-color: white;
}

.align-r {
			 text-align: right;
}

a:link {
			 color: #1a9cff;
			 text-decoration: none;
}

a:visited {
					color: #8d0c0c;
					text-decoration: none;
}

a:hover {
				color: red;
}

a:active {
				 color:#8d0c0c;
				 text-shadow: 2px 2px #1a9cff;
}