@charset "UTF-8";
body {
    margin: 0px 15px 30px 40px;
    color: hotpink;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    background-image: url(assets/Img/nature.png), -webkit-linear-gradient(270deg,rgba(165,180,82,1.00) 0%,rgba(92,100,52,1.00) 36.24%,rgba(71,36,101,1.00) 81.95%);
    background-image: url(assets/Img/nature.png), -moz-linear-gradient(270deg,rgba(165,180,82,1.00) 0%,rgba(92,100,52,1.00) 36.24%,rgba(71,36,101,1.00) 81.95%);
    background-image: url(assets/Img/nature.png), -o-linear-gradient(270deg,rgba(165,180,82,1.00) 0%,rgba(92,100,52,1.00) 36.24%,rgba(71,36,101,1.00) 81.95%);
    background-image: url(assets/Img/nature.png), linear-gradient(180deg,rgba(165,180,82,1.00) 0%,rgba(92,100,52,1.00) 36.24%,rgba(71,36,101,1.00) 81.95%);
	}
header h1 {
	font-style: normal;
	font-size: 70px;
	text-shadow: 6px 5px 6px #472465;
	font-family: fontdiner-swanky, sans-serif

}

.dropbtn {
	color: rgba(216,24,198,1.00);
	padding: 10px;
	font-size: 25px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
	-webkit-box-shadow: 0px 0 0px 0px;
	display: none;
	position: absolute;
	min-width: 110
		px;
	box-shadow: 0px 0 0px 0px;
	z-index: 1;
	text-align: center;
	background-color: rgba(86,80,52,0.69);
}

.dropdown-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {
	font-size: x-large;
}



a:link, a:visited {
	color: hotpink;
	text-decoration: none; /*removes the underlie for links*/
}

a:hover, a:active {
	color: mediumpurple;
}
#container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    list-style-image: none;
    list-style-type: none;
    font-size: x-large;
    font-family: rosario;
    font-style: normal;
    font-weight: 400;
    text-shadow: 4px 0px #472465;
    text-align: center;
}
main h2 {
    height: 59px;
    position: relative;
    display: inherit;
}
main img {
    -webkit-box-shadow: 6px 6px 10px #000000;
    box-shadow: 6px 6px 10px #000000;
    width: 600px;
}
#containerFlume img   {
}
#containerDemo img {
}
main ul {
    font-family: rosario, serif;
    font-style: normal;
    font-weight: 400;
    text-shadow: 0px 0px 0px;
    text-decoration: none;
    list-style-image: none;
    list-style-type: none;
}
footer ul {
	list-style-image: none;
	list-style-type: none;
	text-shadow: 0 0px;
	color: #F4BEEF;
	
}
main p {
    font-size: large;
    color: #F4BEEF;
    width: 600px;
    text-shadow: 0 0 0;
    text-align: left;
    margin-left: 181px;
}
footer p {
    font-size: x-large;
    text-align: center;
    color: #F4BEEF;
    font-family: fontdiner-swanky, sans-serif
}
footer ul li {
    text-align: center;
}
nav ul {
	list-style-type: none;
	background-color: rgba(86,80,52,0.75);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 960px;
	text-align: right;
	text-shadow: 0px 0px 1px;
}
nav ul li {
	display: inline-block;
	padding-left: 20px;
	text-align: right;
	margin-right: 10px;
}
		
		
		
		.header {
			display:flex;
		}
		
		.li {
			flex-direction: row
		}
		
		


	
	
.intro {
    text-align: left;
    width: 600px;
    margin-left: 189px;
    padding-left: 0px;
    vertical-align: middle;
}
#mainImage {
    width: 960px;
}
#info {
	width: 300px;
}
#behindtheBars {
    width: auto;
}
#top {
}
#backtotop {
	font-size: large;
	padding-top: 20px;
}