body{background-color: #f4f4f4;
	color: #555;
	font-family: Arial;
	font-size: 1em;  
	margin: 0;
}

a{color: black;}

a:hover{color: purple}

a:active{color: green}

.container{
	width: 100%;
	margin:auto;
	margin-bottom: 50px;
	line-height: 1.5em;
}

.containerBody{
	width: 90%;
	margin:auto;
}

.button{
	text-align: center;
	padding: 1.5%;
	margin-top: 40px;
	background-color: lightgreen;
	border: 5px blue solid;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

.button h1{
	margin: 0%;
}

.button:hover{
	background-color: red;
	border: yellow 5px solid;	
	color: yellow;
}

.button:hover a{
	color: yellow;
}

.button:active a{
	color: green;
}

.box-1 {
	background: url(images/glassBackground.jpg) center no-repeat;
	background-size: cover;
	border: 0.3em darkblue solid;
	padding: 1.5em;
	padding-top: 0.3em;
	margin: 1em 0;
	font-style: italic;
	text-align: center;
	text-decoration: underline;
}


.categories ul{
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

.categories li a{
	display: block;
	color: white;
	text-align: center;
	padding: 0.6em 1.6em;
	text-decoration: none;
}

.categories li:hover a{
	background-color: blue;
	color: yellow;
}

.leadTable {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 3%;
}

.leadTable td, th {
	border: 0.1em solid #bfbfbf;
 	text-align: left;
 	padding: 0.8em;
 	padding-bottom: 0.8em;
}
.leadTable th{
	color: black;
	background-color: #e6e6e6;
}

.logo {
	width: 7.5em;
}

.left {
	float: left;
}

.right {
	float: right;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-45deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.logo:hover {
animation: rotate 1s ease-out;
}

@keyframes rotateFlipped {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-45deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.logoFlipped:hover {
animation: rotateFlipped 1s ease-out;
}

.aboutButtons {
text-align: center;
background-color: #Fcfbbb;
}

.aboutButtons h1 {
	border: 4px dimgrey solid;
	font-size: 1.5em;

}

.aboutButtons a {
	display: inline-flex;
	padding-right: 2%;
	padding-left: 2%;
}

.aboutOff {
	color: grey;
}

.noComputer {
	display: none;
}

.bottom{
	text-align: center;
}

.resultsDropdown {
	vertical-align: middle;
	font-size: 0.6em;
}

.box-2 .aboutButtons h1{
	padding: 0.2em 0em;
}