body {
    background-image: url("Mainpage.png");
	background-color: black;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: cover;
}


.flowchart {
	float: left;
	margin:240px 5px 5px 30px;
	height: 500px;
	width: 800px;
}

.books {
	z-index:-1;
	height:500px;
	width:999px;
	margin:auto;
	min-width: 1000px;
	padding-top:350px;
}

.bookimg {
	float: left;
	border-radius: 50%;
	
}
.bookprice {
	float: left;
	padding:0px 50px 0px 50px;
}

.underbook {
	position:absolute;
	margin: 25%;
	text-align: center;
	

}

.about {
	margin: 240px 100px 100px 100px;
	background-color: #111;
	opacity: .9;
	padding: 30px;
	border-radius: 50px;
	border-style: solid;
	border-color: white;
	position: absolute;
	z-index:-1;
}

.header {
	width:100%;
	position:fixed;
	min-width:1400px;
}

.header a:visited {
	color:red;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
	paint-order:stroke fill;
}

.header a:link {
	color: red;
	text-decoration: none;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
	paint-order:stroke fill;
}

.header a:hover {
  	color: blue;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
	paint-order:stroke fill;
}

.header a:active {
  	color: purple;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #dcdcdc;
	paint-order:stroke fill;
}

.opacity{
	opacity: .85;
	
}

h1 {
    color: red;
    margin-left: 40px;
    font-family:Brush Script MT;
    font-size: 60px;
	-webkit-text-stroke-width: 0.1px;
	-webkit-text-stroke-color: #111;
	paint-order:stroke fill;
}

h3 {
    color: #CD7F32;
    margin: 40px;
    font-family:Brush Script MT;
    font-size: 60px;
	text-align: center;
}

h4 {
	color: red;
	font-size: 35px;
	padding-right: 80px;
	padding-left: 80px;
}

h5 {
	color:white;
	size:16px;
	text-align:center;
	padding:10px;
}

p {
	font-size: 12px;
	margin-left: 10px;
}

h2 {
	font-family: Arial, sans-serif;
	  font-size: 18px;
	  color: white;
}

.navbar  {
	background-color:#111;
	padding:11px;
	border-radius:20px;
	position: fixed;
	width:98%;
	min-width: 780px;
	margin-top: 140px;
	
}

.navbar  a:hover:not(.active) {
	background-color: #f33;
	border-radius: 20px;
}
.button {
	display: none;
	margin-top:90px;
	position: absolute;
	left: 100px;
	width: 900px;
	background-color: black;
	border-radius: 40px;
	border-style: solid;
	border-color: white;		
}

.subtext:hover + .button {
	display: block;
	
	
}

.donate:hover + .button {
	display: none;
	color:blue;
}

.donate {
	float: right;
  }

  .footer {
	  bottom:0;
	  margin-top:160px;
	  left:0;
	  position: absolute;
 	  width: 100%;
	  height: 20px;
	  background-color: black;
  }








  #categorySelect {
	 
	  border-radius: 10px;
  }

  #typeSelect {
	  
	  border-radius: 10px;
  }
  
  #specificsSelect{
	  
	  border-radius: 10px;
  }






  .construction {
position:absolute;
	  margin:300px;
	  z-index:-2;
  }




 .container {
            padding: 20px;
			position: absolute;
			margin-top:220px;
			z-index: -1;
			
        }
		
 select {
            margin: 10px 0;
            padding: 5px;
            width: 250px;
        }
		
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #111;
}

li {
  float: left;
}

li.floatright {
	float: right;
}

li a {
  display: block;
  font-size: 20px;
  color: white;
  text-align: center;
  padding: 10px 16px 10px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #f33;
  
}






























.container2 {
    padding: 50px 24px 24px 24px;
    margin: 240px 100px;
    background: #111;
	width: 700px;
	opacity: 0.8;
    border-radius: 50px;
	border-style: solid;
	border-color: white;
	position: absolute;
	z-index:-1;
}

/* Add styles to 'label' selector */
label {
    font-size: 12px;
    margin-left: 12px;
}

/* Add styles to 'input' and 'textarea' selectors */
input[type=text],input[type=email], textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

/* Add styles to show 'focus' of selector */
input[type=text]:focus,input[type=email]:focus, textarea:focus {
    border: 2px solid black;
}

/* Add styles to the submit button */
input[type=submit] {
    background: #737CA1;
    margin: 0 auto;
    outline: 0;
    color: white;
    border: 0;
    padding: 12px 24px;
    border-radius: 6px;
    transition: all ease-in-out 0.1s;
    position: relative;
    display: inline-block;
    text-align: center;
}

/* Add styles for 'focus' property */
input[type=submit]:focus {
    background: #A5D6A7;
    color: whitesmoke;
}

/* Style 'hover' property */
input[type=submit]:hover {
    background: #2196F3;
}

/* Align items to center of the 'div' with the class 'center' */
.center {
    text-align: center;
}