/* Used fonts in this page */
@import url("http://fonts.googleapis.com/css?family=Carrois+Gothic");
@import url('https://fonts.googleapis.com/css?family=Bungee+Shade');
@import url('https://fonts.googleapis.com/css?family=Kumar+One');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

/* base page CSS */
html, body {
    font: normal 14px "Carrois Gothic", sans-serif;
    
    margin: 0;
    overflow: hidden;
    color: #fff;
}

/* Container that holds the content of the page */
.container {
overflow: scroll;
    position: fixed;
    width: 80%;
    height: 98%;
    margin: 20px;
    top: 0px;
    left: 10%;
  
    background: #010101;
    border: 2px solid #9ecaed;
    border-radius: 2px;
    box-shadow: 0 0 50px hsla(145, 100%, 40%, 1);
}

/* Container Scrollbar Track */
.container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #000000;
	border-radius: 10px;
}
/* Container Scrollbar */
.container::-webkit-scrollbar
{
	width: 10px;
	background-color: #000000;
}
/* Container Scrollbar Thumb */
.container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#4D9C41),
									   to(#19911D),
									   color-stop(.6,#54DE5D))
}

/* Navigation Menu */
nav {
   position:relative;
    top:20px;
    left:5%;
    text-align: center;
    width:90%;
    height:100px;
    font-size:1.5vw;
    line-height:2em;
    font-family: 'Source Code Pro';

  
}

nav ul li {
  display:inline-block;
  list-style:none;
}

nav ul li a {
  display:block;
  margin:0;
  padding:7px 20px;
  text-shadow: -12px 22px 10px hsla(145, 100%, 40%, 1);
  color:#ffffff;
  font-family: 'Kumar One', cursive;
  
  font-size:1.7em;
  text-decoration:none;
  
  border-bottom:2px solid transparent;
  box-shadow:0px 2px 0px transparent
  
 

}
/* Navigation Menu On Hover */
nav ul li a:hover {
    text-shadow: -12px 22px 10px hsla(53, 100%, 50%, 0.73);
}
/* Navigation Menu On Click */
nav ul li a:active {
    text-shadow: -12px 22px 10px hsla(53, 100%, 50%, 0.73);
    color: hsla(112, 100%, 50%, 0.87); 
}


/* The headline of each page*/
#headline {
     position:relative;
    top:20px;
    left:5%;
    text-align: center;
    width:90%;
    height:100px;
    font-size:4vw;
    line-height:2em;
}

/* base page CSS ends here */


article {
  width: 100%;
  height: 10%;
  margin: auto;
  font-size: 2em;
  top: 10%;
  position: relative;
  
}

#headline {
     position:relative;
    top:20px;
    left:5%;
    text-align: center;
    width:90%;
    height:100px;
    font-size:4vw;
    line-height:2em;
}
#text{
    position:relative;
    top:20px;
    left:5%;
    text-align: left;
    width:90%;
    height:100px;
    font-size:2vw;
    line-height:3em;
    
}
#text0, text1 {
    display: inline;
}

#p0{
     position:relative;
    top:20px;
    left:2%;
    text-align: left;
    width:90%;
    
    font-size:3vw;
    
}

* { box-sizing: border-box; }
#div1 {
    position: relative;
    height: 130px;
    width: 300px;
}
#div1 input{
    float: right;
}




#contactUs{
    font: bold 20px "Carrois Gothic", sans-serif;
    margin-left: 22px;

}
p {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
    margin-left: 22px;
}

textarea {
    width: 70%;
    margin-left: 20px;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}

.button {
	box-shadow: 0px 10px 14px -7px #b1b8ad;
	background:linear-gradient(to bottom, #435739 5%, #70b34f 100%);
	
	background-color:hsla(145, 100%, 40%, 1);;
	
	border-radius:4px;
	border:1px solid #5a734e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #669446;
    margin-left: 22px;
    margin-top: 22px;
}
.button:hover {
	background:linear-gradient(to bottom, #70b34f 5%, #435739 100%);
	background-color:hsla(145, 100%, 40%, 1);
}
.button:active {
	position:relative;
	top:1px;
}


#plsSelect{
    font-size: 15px;
}

#aside{
    margin-top: 50%;
    margin-left: 1%;
    color: red;
    font-size: 15px;
    line-height: 25px;
}
#aside a:visited {
    color: darkorange;
}
#aside a:hover  {
    color: green;
}



footer {
    position: fixed;
	bottom: 0;
	width: 80%;
	background-color: rgba(0, 0, 0, 0.7);
    font-family: cursive;
    font-size: 22px;
	color: hsla(53, 100%, 50%, 0.73);
    text-shadow: 2px 2px 10px hsla(53, 100%, 50%, 0.5);
	text-align: center;
    
}
footer:hover{cursor: pointer;}