body{
	background-color:#f4f4f5;
    align-items: center;
}
h1{
    color: rgb(231, 109, 158);
    align-content: center;
}
#galary{
    justify-content: center;
}
.header{
	position:absolute;
	top:0;
	background-color:#e9768f;
	color:white;
	border-bottom:2px solid white;
	width: 100%
}

#square{	
	position:absolute;
	top:10%;
	left:25%;
	right:25%;
	height:85%;
	width:50%;
	background-color:#232a36;
	border:5px solid black;
}

.infoTitle{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	border: 2.4px solid black;
	background-color:white;
	Width: 95%;
	font-size:1.5em;
	font-weight:bold;
}

.info{
	display:block;
	overflow:scroll;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	border: 2.4px solid black;
	background-color:white;
	Width: 95%;
	height:90%;
	font-size:1.2em;
}
h3{
    color: rgb(19, 19, 19);
}

p{
	padding:02%;
    color: #232a36;
}

#footer{
	position:absolute;
	bottom:0;
	right:36%;
	background-color:white;
	border: 2.5px solid black;
	
}

.link{
	color:black;
	font-family:Avenir Book;	
	float:left;
	margin-left:2px;
	margin-right:2px;
;}
.inbetween{
	color:black;
	float:left;
	margin-left:2px;
	margin-right:2px;
}
body, html {
	height: 100%;
  }
  
  * {
	box-sizing: border-box;
  }
  
  .bg-image {
	
	background-image: url("images/background.jpg");
  
	

  
	
	height: 100%;
  
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }