body {
	background-image: url(bg.jpg);
	background-size: cover;
	background-attachment: fixed;
}
#text{
font-size: 14px;
color: d1d1d1;
font-family: Roboto;
margin: 0 auto 50px auto;
 width: 500px;
}
#update{
font-size: 0.8em;
font-weight: 700;
etter-spacing: 0.1em;
text-transform: uppercase;
}

#footer{
font-size: 12px;
color: d1d1d1;
font-family: Roboto;
position:fixed;
left:45px;
bottom:10px;
height:30px;
width:100%;
}

hr {
		border: 0;
		border-bottom: solid 2px rgba(255, 255, 255, 0.125);
		margin-left: 45px;
		width: 500px;
		margin: 1em 0;
}
h3 {
color: #c52128;
}
a {
	color:#d1d1d1;
}
a:hover {
text-decoration: none;
}
a:link {text-decoration: none;}
a:visited {
color:#d1d1d1;
text-decoration: none;
}
a:active {color:#d1d1d1;}

/* Button stuff */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 5px;
		border: 2px solid;
		border-color: rgba(118, 183, 67, 1);
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 700;
		height: 3.75em;
		letter-spacing: 0.1em;
		line-height: 3.75em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: normal;
	}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	linux,
	.linux {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 5px;
		border: 2px solid;
		border-color: rgba(197, 33, 40, 1);
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 700;
		height: 3.75em;
		letter-spacing: 0.1em;
		line-height: 3.75em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: rgba(118, 183, 67, 0.65);
		}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		linux:hover,
		.linux:hover {
			background-color: rgba(197, 33, 40, 0.65);
		}
		@media screen and (max-width: 640px) {

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				padding: 0;
			}

		}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: cubic-bezier(.15,.75,.55,1);
       -o-transition-timing-function: cubic-bezier(.15,.75,.55,1);
          transition-timing-function: cubic-bezier(.15,.75,.55,1);
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s ease-in-out;
    position: absolute;
    background-color: #f9f9f9;
	margin-top: -4px;
	box-sizing: border-box;
    width: 100%;
	border-radius: 5px;
    border: 2px solid;
    border-color: rgba(118, 183, 67, 1);
    border-top: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dropdown-content a {
	color: #fff;
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	background-color: #3e8e41;
}
.dropdown-content-last a {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.dropdown-content a:hover {background-color: #f1f1f1;color: #3e8e41;}

.dropdown:hover .dropdown-content {
    display: block;
	opacity: 1;
	visibility: visible;
}

.dropdown:hover .button {
    background-color: #3e8e41;
}
