@charset "utf-8";
/* CSS Document */

body {
	background-color: #D4D4D4;
	background-image: url("images/concrete-wall-2.png");
	background-repeat: repeat;
}

a:link {color: #AE80B6; font-weight: bold;}
a:visited {color: #969696;}
a:hover {color: #CCB179;}
a:active {color: #9ED084;}

#top {
	display: flex;
	flex-direction: column;
	margin: auto auto auto auto;
	width: 642px;
	color: #000000;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12pt;
}

#site {
	margin: auto auto auto auto;
	width: 642px;
}

h1 {
	color: #FFFFFF;
	font-family: Trebuchet MS, sans-serif;
	text-shadow: 2px 2px #000000;
	border-bottom: 2px solid #000000;
}

h2 {
	text-align: center;
	font-family: Trebuchet MS, sans-serif;
    background-image: linear-gradient(45deg, #966D9B 30%, #BDA570 50%, #7BA566 30%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size: 16pt;
}

span.title {
	font-family: Trebuchet MS, sans-serif;
	font-weight: 600;
	}

.footer {
	margin-top: auto;
	padding-top: 10px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 10pt;
	text-align: center;
}

#fans {
  font-family: Trebuchet MS, sans-serif;
  color:#000000;
  width: 90%;
}

#fans td, #fans th {
  padding: 10px;
}

#fans tr:nth-child(even){background-color: #C0C0C0;}

#fans th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  color: #0E0E34;
}

label {
    display:block;
    margin-top:20px;
    letter-spacing:2px;
}

input {
	width: 250px;
	height: 30px;
	margin-top: 30px;
	border: 4px solid #FFFFFF;
	background-color: #D4D4D4;
	color: #000000;
	font-size: 0.9em;
}

textarea {
	margin-top: 3px;
	width: 250px;
	height: 100px;
	border: 4px solid #FFFFFF;
	background-color: #D4D4D4;
	color: #000000;
	font-size: 0.9em;
}
#submit {
	width: 70px;
	height: 35px;
	margin-top: 20px;
	border: 4px solid #FFFFFF;
	background-color: #D4D4D4;
	color: #000000;
}
#country {
    border: 4px solid #FFFFFF;
	background-color: #D4D4D4;
    color: #000000;
}