@import "body-v2209251532.css";
@import "navbar-v2209241607.css";
@import "bottombar-v2209241607.css";

.header-container {
	display: flex;
    margin: 10px;
/*	max-width: 800px;*/
    justify-content:space-around;
	align-content: center;
	flex-flow:wrap-reverse;
  }

.header-div_text {
	max-width: 500px;
}

.header-div_photo {
	max-width: 300px;
}

.social-parent {
	display: flex;
    margin: 30px 0px 30px 0px;
	max-width: 800px;
    justify-content:center;
	align-content: center;
	flex-flow:wrap;
}

.social-child {
	max-width: 100px;
	margin: 20px 20px 20px 20px;
}

.buttons-parent-div {
	display: flex;
    margin: 30px 0px 30px 0px;
	max-width: 800px;
    justify-content:center;
	align-content: center;
	flex-flow:wrap;
}

.button-container {
	display: flex;
	margin: 0px 30px 0 30px;
  justify-content: center;
  align-items: center;
  height: 100px;
  border: none;
}

.button {
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
	
}

.button-pubslist {
  background-color: #008CBA; 
  color: white; 
  border: 5px solid #008CBA;
}

.button-pubslist:hover {
  background-color: white;
  color: black;
}

.button-contactme {
  background-color:brown; 
  color: white; 
  border: 5px solid brown;
}

.button-contactme:hover {
  background-color: white;
  color: black;
}