body {
    background:#C6DCEA;
    color:#435561;
    font-family: Arial, sans-serif;
    }

.header {
    width:100%;
    top:0px;
    left:0px;
    background:#5D7A8D;
    color: #FFF;
    text-align:center;
    position:fixed;
    margin:0px;
    padding:0px;
    display:block;
}

.outercontainer {
    padding-top:160px;
    width:100%;
}

.buttoncontainer {
    top:300px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.headertext {
    padding:20px;
}

.button {
    width:15%;
    background-image:url('button.png');
    background-size:100% 100%;
    color: #FFF;
    text-align:center;
    display:inline-block;
    margin:20px;
    height:30;
    border-radius: 10px;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.button:hover {
    width:20%;
    background-image:url('buttonhover.png');
    background-size:100% 100%;
    color: #FFF;
    text-align:center;
    display:inline-block;
    margin:20px;
    height:30;
    border-radius: 10px;
    border-radius: 10px;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.content {
    width:70%;
    padding:10px;
    top:400px;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    border-radius: 10px;
}
    
h1 {
    font-size: 80px;
    line-height: 0px;
}
    
h2 {
    font-size: 16px;
}
    
h3 {
    font-size: 30px;
    line-height: 0px;
}
    
h4 {
    font-size: 20px;
    line-height: 0px;
}
	
a {
    color:#5D7A8D;
    text-decoration:none;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

a:hover {
    color: #435561;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}