body { 
    background-image: url('../images/galaxy.png');
	background-color: #000000;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: contain;
}

h2 {
    font-size: 30px;
}

#header {
	background-size: 100% 100%;
	background-repeat: no-repeat;
    background-position: contain;
}

#nav {
    background-color: #808080;
	text-align: right;
	text-decoration: none;
	font-size: 17px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#container {
	color: white;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: verdana;
}

#main {
	background-repeat: no-repeat;
    background-attachment: fixed;
	text-align: left;
	color: white;
	position: absolute;
	top: 25%;
	left: 15%;
	font-family: verdana;
}

#content {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 25%;
	left: 50%;
}

.fa {
  padding: 25px;
  font-size: 30px;
  width: 25px;
  text-align: center;
  text-decoration: none;
  margin: 10px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 1;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}


.fa-youtube {
  background: #bb0000;
  color: white;
}


input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
    width: 100%;
}