@font-face { font-family: Biome; src: url('Biome.ttf'); } 
	@font-face { font-family: Kigelia; font-style: regular; src: url('KigeliaLight.ttf'); } 
	@font-face { font-family: Kigelia; font-style: bold; src: url('KigeliaReg.ttf');}
	@font-face { font-family: Kelvinch; src: url('Kelvinch-Roman.otf'); } 	
	
body {

	margin: 0;
	background-color: #F4FFFD;
}

.bottom {
    font-family: "Kelvinch";
	font-size: 22px;
	font-variant-ligatures: none;
}	

p {
    font-family: "Kigelia";
	font-size: 22px;
	padding-left: 30px;
	padding-right: 30px;
	color: #011936;
}

h1 { 
	font-family: "Biome";
	text-align: center;
	font-size: 3em;
	margin: 0px;
	color: #011936;
}

h2 {
	font-family: "Biome";
	color: #011936;
}

.left {
	text-align: left;
	display: flex;
}

.right {
	text-align: right;
	display: flex;
}

.text {
	display: inline-block;
	width: 50%;
	padding:5%;
}

.image {
	display: inline-block;
	width:50%;
}


a:link {
  color: #ED254E;
  background-color: transparent;
  text-decoration: none;
  padding: 20px;
}

a:visited {
  color: #78182a;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #e5a534;
  background-color: transparent;
  text-decoration: underline;
}


img {
	width: 370px;
	margin-left:15%; 
	margin-right:15%;
}

h3 {
	font-size: 1em;
	text-align: center;
	margin: 0px;
	padding: 1px;
	color: #465362;
}

.bit {
	border-style: solid;
	border-width: 2px;
	border-color: #ED254E;
	border-radius: 20px;
}