html { 
  background: url(/include/background.new.jpeg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  font-family: Arial, sans-serif;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.my-button {
	cursor: pointer;
	border: 1px solid #333;
	padding: 3px 6px;
	background: #a9e7f9; /* fallback */
	background: -moz-linear-gradient(top,  #a9e7f9 0%, #77d3ef 4%, #05abe0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e7f9), color-stop(4%,#77d3ef), color-stop(100%,#05abe0));
	background: -webkit-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	background: -o-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	background: -ms-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	background: linear-gradient(to bottom,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.my-button:hover {
	background: #05abe0;
}

#settings {
  position: fixed;
  top: 0px;
  right: 15px;
  font-size: 250%;
  color: white;
}
#settings:hover {
  cursor: pointer;
  text-shadow: 0 0 0.4em dodgerblue, 0 0 0.4em dodgerblue, 0 0 0.4em dodgerblue, 0 0 0.4em dodgerblue, 0 0 0.4em dodgerblue;
}

#title {
  font-size: 150%;
  font-family: "Times New Roman", sans-serif, Arial;
  color: black;
  text-shadow: 0 0 0.4em white, 0 0 0.4em white, 0 0 0.4em white, 0 0 0.4em white, 0 0 0.4em white;
  padding-bottom: 15px;
}

#footer {
  font-size: 80%;
  padding-top: 25px;
}