/*site.css*/
html {
	height: 100%
}
body{
  
	height: 100%;
	background-image: url(../img/body.jpg);
  background-attachment: fixed;
	
}



#container {
	background-image: url(../img/home.jpg);
	height: 190%;
	background-size: 92%;
  background-repeat:no-repeat;
	background-position: center;
  background-attachment: fixed;

	
}

#buypage{
	background-image: url(../img/buylogin.jpg);
	height: 190%;
	background-size: 90%;
	background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#sellpage{
	background-image: url(../img/loginsell.jpg);
	height: 190%;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
  background-attachment: fixed;
}
#contactpage{
  background-image: url(../img/loginsell.jpg);
  height: 190%;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

#aboutpage{
  background-image: url(../img/buylogin.jpg);
  height: 190%;
  background-size: 90%;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.navigate {
  	font-family: righteous;
  	font-size: 35px;
  	float: right;
  	padding-right: 5%;

}
.navigate.active{
  	background-color: #4CAF50;
  	color: white;
}

.title {
  font-family: 'Luckiest Guy', cursive;
  background-color:#00ff00;
  width: auto;
  height: 60px;
  border-bottom: 5px solid black;
  padding-left: 55px;
}

#logohome {
  background-image: url(../img/logo.png);
  background-size: 80%;
  background-repeat: no-repeat;
  height: 350px;
  width: 400px;
  background-color: rgba(0,0,0,.3);
  margin: 0 auto;
  background-position: center;

 }

#slogan {
  width: 90%;
   	font-family: righteous;
   	font-size: 48px;
    text-align: center;
    margin: 0 auto;
}

#option{
  width: 90%;
  height: 20%;
  margin: 0 auto;
  margin-top: 3%;
}


.sell{  
 
   	width: 75%;
    height: 20%; 
   	font-family: righteous;
   	font-size: 20px;
   	background-color: #ff9900;
   	border: solid black;
    text-align: center;
    margin: 2% auto;
}

.buy{
    
   	width: 75%;
    height: 20%;
   	font-family: righteous;
   	font-size: 20px;
   	background-color: #ff9900;
   	border: solid black;
    text-align: center;
    margin: 2% auto;
}

#info {
  margin: 0 auto;
  margin-top: 3%;
	width: 90%;
	font-size: 30px;
	font-family: righteous;
	background-color: #ff9900;
   	border: solid black;
   	display: table;

}



#vid{
  width: 90%;
  border: 1px solid black;
  margin: 0 40%;
  height: 14%;
  width: 15%;
}

#buyform{
  margin: 20px auto;
  width: 30%;
  background-color: rgba(255,153,0,.6);
  
  }

#sellform{
  margin: 20px auto;
  width: 30%;
  background-color: rgba(255,153,0,.6);

  }

#formheader{
text-align: center;
font-size: 50px;
color: darkgreen;
text-shadow: 
}

#DDP{  
 
    width: 75%;
    font-family: righteous;
    font-size: 15px;
    background-color: #ff9900;
    border: solid black;
    text-align: center;
    margin: 2% auto;
}

#defense{  
 
    width: 75%;
    font-family: righteous;
    font-size: 15px;
    background-color: #ff9900;
    border: solid black;
    text-align: center;
    margin: 2% auto;
}

#OIG{  
 
    width: 75%;
    font-family: righteous;
    font-size: 15px;
    background-color: #ff9900;
    border: solid black;
    text-align: center;
    margin: 2% auto;
}

#greeting{
  font-family: righteous;
}

#TOS{
  font-family: righteous;
}
input{
    padding: 12px;
  font-size: inherit;
}

input[type="text"]{
  width: 90%;
  margin-bottom: 5%;
  border: 3px solid black;
  display: block;
  background-color: #DBF6FF;
}
input[type="number"]{
  width: 90%;
  margin-bottom: 5%;
  border: 3px solid black;
  display: block;
  background-color: #DBF6FF;
}
input[type="email"]{
  width: 90%;
  margin-bottom: 5%;
  border: 3px solid black;
  display: block;
  background-color: #DBF6FF;
}

input:focus{
  background-color: white;
}
input[type="radio"]{
  margin: 0 5px 20px 20px;
}

#button{
  width: 21%;
  height: 15%;
  color: darkgreen;
  outline-color: darkgreen;
}
output{
  width: 90%;
  margin-bottom: 5%;
  border: 3px solid black;
  display: block;
  background-color: #DBF6FF;
}

#ads{
  margin-left: 5%;
}
#footer{
  font-family: righteous;
  font-size: 45px;
  color: white;
  width: 90%;
  margin: 5% auto;
  text-align: center;
}
th{
  color: white;
}
textarea{
  width: 93%;
  max-width: 93%;
  margin-bottom: 5%;
  border: 3px solid black;
  display: block;
  background-color: #DBF6FF;
}