body {
background: rgb(22,46,74);
background: linear-gradient(180deg, rgba(22,46,74,1) 65%, rgba(149,28,27,1) 100%);
color:white;
font-family:Bahnschrift, sans-serif;
font-size:1em;
}
b {
	color:#ffffe0;
}
a {
	color:cyan;
}
a:hover {
	color:magenta;
	transition:.5s;
}
a:visited {
	color:rgba(149,28,27,1);
}
h1 {
font-family:Constantia, serif;
font-size:30pt;
color:#ffffe0;
margin-left:auto;
margin-right:auto;
text-align:center;
border-radius:.33em;
border:4px double #ffffe0;
width:40%;
}
td {
	font-family:Bahnschrift, sans-serif;
	font-size:13pt;
}	
#update {
font-family:Constantia, serif;
font-size:t;
font-style:italic;
}
div.ioblock {
	display:none;
}
input, textarea {
font-family:Constantia, serif;
font-size:15pt;
border-radius:.33em;
border:4px inset white;
background-color:#ddd;
}
input:hover, textarea:hover {
	background-color:#ffffe0;
	border:4px outset #ffffc9;
	color:black;
	transition:.2s;
}
input:focus, textarea:focus {
	border:4px outset #ffffc9;
	background-color:#ffffe0;
}
button {
background-color:#336;
color:#aaa;
padding:4px;
font-size:13pt;
border:4px inset #aaa;
font-family:AR Berkley, serif;
border-radius:.5em;
}
button:hover {
background-color:#559;
color: #8f8;
border: 4px outset #8f8;
transition:.5s;
cursor:pointer;
}
td {
	font-size: 1em;
}
table {
	width:90%;
}
.phon {
	background-color:#050;
	color:#fff;
	font-family: Century Gothic;
	font-size: 11pt;
}
#rhdr {
	color:#ffffe0;
	font-family: Constantia,serif;
	font-size: 16pt;
}
#inf {
	font-style:italic;
}

/* dropdown menu */
.dropdown {
position:relative;
display:inline-block;
}
.dropdown-content {
display:none;
position:absolute;
background-color:#65c;
min-width:150px;
z-index:1;
}
.dropdown-content a {
color:white;
padding:4px 2px;
text-decoration:none;
display:block;
}
.dropdown-content a:hover {cursor:pointer;background-color:white;color:#336;transition:.5s;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbtn {background-color:#65c;color:white;transition:.2s;}
h2 {
	color:white;
	font-family:Constantia,serif;
	font-size:1.25em;
	border:3px solid white;
	margin-right:50%;
	border-radius:.4em;
	text-align:center;
}

hr {
	width:99%;
	border:2px dashed #fff;
}

/* toggle switch */
.switch {
	position:relative;
	display:inline-block;
	width:60px;
	height:25px;
}
.switch input{
	opacity:0;
	width:0;
	height:0;
}
.slider {
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#aaa;
	-webkit-transition:.4s;
	transition:.5s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: #336;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #8f8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #8f8;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round {
  border-radius: .5em;
}

.slider.round:before {
  border-radius: .5em;
}