@font-face {
  font-family: "courgette";
  src: url("Courgette.ttf");
  }

 @font-face {
  font-family: "londrina";
  src: url("londrina.ttf");
  }

body
{
font-family: verdana;
font-size: 18pt;
color: #255274;
background: #ffffff;

}

input[type=reset] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 5px;
}

input[type=reset]:hover {
    background-color: #45a049;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;

}

input[type=submit]:hover {
    background-color: #45a049;
}

#header
{
	width: 99%;
	height: 120px;
	border: 4px outset #000000;
	background-color: #ffffcc;
	font-size: 28pt;
	text-align: center;
	margin: auto;
	font-weight: bold;
}
	
.welcome p {

border-left: 50px;
border-right: 50px;

}
	

.footerWrap {
	bottom: 0px;
	width: 100%;
    
  
}
.footer {
    width:400px;
    margin:auto;
	float: center;
    
}
.footerContent {
	
    float:center;
    padding:20px 0;
	text-align: center;
	font-size: 14pt;
}
.footer p {float:left; width:100%; text-align:center; color: #255274;}


.topnav {
	margin: 0 auto;
	width: __px;
	text-align: center;

	
}

/* Style the links inside the navigation bar */
.topnav a {
    float: center;
    display: inline-block;
    color: #255274;
    text-align: center;
    margin: auto; 
    text-decoration: none;
    font-size: 36px;
	padding: 14px 16px;
	font-family: londrina;
   
    }

.contacting a {
    float: center;
    display: inline-block;
    color: #255274;
    text-align: center;
    margin: auto; 
    text-decoration: none;
    font-size: 36px;
    padding: 14px 16px;
    font-family: londrina;
   
    }
    
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #5fa7db;
    color: #255274;
}