body {
	font-family:Trebuchet MS;
	background-color:#09002b;
	padding-left:28%;
	padding-right:28%;
	
}
h1 {
	color:white;
	text-align:center;
	font-size:64px
}
header {
	font-family:Tahoma;
	font-size:350%;
	color:white
}
footer {
	text-align:center;
	padding:30px;
	line-height:1;
	color:#a8a8a8;
}
p, li {
	color:white;
	font-size:24px
}
h2 {
	color:white;
	font-size:32px;
	text-align:left;
}
h3 {
	color:white;
	font-size:40px;
	margin-bottom:0px;
}
f {
	font-size:12px;
}

a {
	color:white;
	text-decoration:none;	
}

hr.dotted {
	border-top: 5px dotted;
}

iframe {
	border-color:white;
	border-style:solid;
	float: center;
}

@media screen and (max-width:1100px) {
	body {
		padding-left:4%;
		padding-right:4%;
	}
}

#buttons {
	justify-content: space-between;
}

.profile {
	float:right;
	margin-left:20px;
	}
.button {
	background-color: #360aa6;
	border: none;
	color: white;
	padding: 15px 32px;
	margin: 20px;
	text-align: center;
	text-decoration: none;
	float: center;
	font-size: 30px;
	font-family:Trebuchet MS;
	transition-duration:0.3s;
}
.button:hover {
	background-color:white;
	border:lime;
	color:black;
	cursor:pointer;
	
}
.buttonInvalid {
	background-color: #1b074d;
	border: none;
	color: #a8a8a8;
	padding: 15px 32px;
	margin: 20px;
	text-align: center;
	text-decoration: none;
	float: center;
	font-size: 30px;
	font-family:Trebuchet MS;
	transition-duration:0.3s;
}
.buttonInvalid:hover {
	cursor:not-allowed;
}