body{
	margin : 0;
	padding : 0;
	font-family : sans-serif;
}

#background{
  position : fixed;
z-index : -2;
  width : 100%;
  height : 100%;
  background-image : url("../Background.webp");
  background-size : cover;
  background-position : bottom center;
  background-attachment : fixed;
}

#header{
	position : absolute;
	display : table;
	top : 0;
	width : 100%;

	color : #e36456;
	background-color : rgba(0, 0, 127, 0.2);
	border-bottom : rgba(227, 100, 86, 0.2) solid 3px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#header div{
	display : table-column;
	position : relative;
	float : right;
	padding : 8px 15px;
	text-align : center;
	flex-shrink : 0;
}

#page-title{
	float : right;
	font-family : 'Satisfy', cursive;
}

h1, h2 {
	margin : 0;
	padding : 0;
}

a{
  font-weight: bold;
  text-decoration: underline;
  color : #e36456;
}

#logo{
	position : absolute;
	top : 1px;
	left : 1px;
}

#about{
	position : absolute;
	margin : 0 15px 0 15px;
	text-align : justify;
	line-height : 10%;
}

#about p{
	margin-bottom : 0;
}

.tab{
	margin-left : 5%;
}

.gallery-frame{
	display : block;
	position : absolute;
z-index : -1;
	top : 0px;
	background-size: cover;
	background-position: center center;
	opacity : 0;
}

#info{
	position: fixed;
	text-align : center;
	border-radius: 3px 3px 0 0;
}

.alert{
  display : none;
  border-radius : 3px;
  padding : 3px;
  margin-bottom : 5px;
  text-align : center;
  font-weight : bold;
}

.alert h2{
  background-color : coral;
  color : whitesmoke;
  border-radius : 3px 3px 0 0;
  border-bottom : solid 1px gray;
  font-weight : normal;
}