/*This is the css code for my front page */
body{
    background-color: #2b2b2b;
	width: 100%;
	  text-align: center;

}

h3{
	color: #bebebe;
	font-family: Arial;
}
p{
    color: #bebebe;
	font-family: Arial;
	
	
}
p.2{
	color: #000000;
	font-family: Arial;
}

section {
	color: #000000;
	font-family: Arial;
	font-size: 19px;
	
	color: #bebebe;
	font-family: Arial;
	border-style: solid;
    border-width: 3px;
	padding: 10px;
	opacity: 0.8;
    filter: alpha(opacity=60);


}
	
h1{
    background-image: url("/home/adrian/Documents/Stuff/Untitled Folder 2/20170508_124339.jpg");
	background-repeat: no-repeat;
	background-position:  center;
	
	color: #bebebe;
	font-family: Arial;
	border-style: solid;
    border-width: 3px;
	padding: 20px;
	opacity: 0.8;
    filter: alpha(opacity=80);
	
}



h4{
	color: #000000;
	font-family: Arial;
}
body {
  padding: 20px;
}
img {
	border: 5px solid #000000;
}

button {
  margin-top: 20px;
  line-height: 20px;
  font-weight: bold;
  padding: 0 20px;
  background: #808080;
  border: none;
}
button:hover {
  background: #b7bdbe;
}

aside {
	float: right;
	background: #848484;
	margin: 0 1.5%;
    width: 20%;
	padding: 20px;
	border: 2px solid #000000;
}
 /* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
#page-wrap {
  text-align: left;
  width: 800px;
  margin: 0 auto;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

footer {
  clear: both;
}