/*Forcing scrollbar to stop pages 'flickering' left and right while browsing site */

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

 /*general page styling*/

body{
	margin:5px;
	padding:0;
	font-family: Georgia,sans-sarif;
	background-color: black;
	margin-bottom:50px;
}

h1,h2,h3, p {
	color:white;
}

h3{
	font-style: italic;
}

#wrapper{
	width:1100px;
	margin:0 auto;
}

/* navbar */

nav{
	width:100%;
	height:70px;
	margin-left:0;
	margin-top:25px;
	margin-bottom:40px;
	border-bottom: 4px solid blue;
}

nav #buttons{
	float:left;
}

nav #lightning {
	float:right;
}

nav .buttons-list {
	padding-left:0;
}

nav .buttons-list li{
	list-style: none;
	display:inline-block;
	padding-right: 30px;
}

nav .buttons-list li a{
	text-decoration: none;
	color: red;
	font-size: 28px;
	font-weight: bold;
	float:left;
}

nav .buttons-list li a:hover{
	color:blue;
}

/* main */

main p {
	text-indent: 10px;
}

main #index-main-img-1{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

main #theeu-main-img-1{
	margin:0 20%;
}

main #theeu-main-img-2{
	float:left;
	margin-right: 25px;
	margin-bottom: 10px;
}

main #moreinfo{
	clear:both;
	float:left;
	text-indent: 0;
}

main .gallery-img{
	max-width: 500px;
	height: auto;
	padding: 10px;
}

/* footer */

footer {
	color:red;
	bottom:0px;
	padding-bottom:20px;
	padding-top:5px;
	position:fixed;
	width:100%;
	background-color: black;
}

/* other */

.annotation{
	text-indent: 0;
	font-size: 12px;
	color:gray;
	font-style: italic;
	margin-left: 35%;
}

/* gallery */

#galleryDiv{
	display: grid;
	grid-template-columns: auto auto auto; 
}

#galleryDiv img{
	height:300px;
	width:auto;
	margin:20px;
	border: 5px solid blue;

}

#galleryDiv img:hover{
	opacity: 0.7;
}