html {
background-color: #ECE1C3;
}

body {
border: none;
margin: 0px;
padding: 0px;
height: 100%;
font-family: 'Noto Sans', sans-serif;
font-weight: 300;
font-size: 16px;
color: #000000;
}

a:link {
color: #195E63;
text-decoration: none; 
}

a:visited {
color: #195E63;
}

a:hover, a:focus {
color: #8EBDB6;
}

a:active {
color: #195E63;
}

.title2 {
display: flex;
justify-content: center;
margin: 30px 0px 10px 0px;
font-size: 25px;
font-weight: 600;
color: #063940;
}

.image2 { 
display: block;
margin: 0 auto;
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
border-radius: 7px;
}    

.buttons2 {
text-align: center;
margin: 20px 0px 20px 0px;
}
  
.linkbutton:link, .linkbutton:visited {
padding: 6px 14px 6px 14px; 
border-radius: 5px;
font-size: 18px;
font-weight: 300;
text-decoration: none; 
color: #000000;
background-color: #8EBDB6;
}

.linkbutton:hover, .linkbutton:focus, .linkbutton:active {
text-decoration: none; 
color: #FFFFFF;
background-color: #195E63;
}

.text2 {
padding: 0px 5px 10px 5px;
margin: 0px;
}

#topper {
display: flex;
align-items: top;
justify-content: center;
position: fixed;
z-index: 2;
top: 0px;
right: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;  
}

#content {
position: fixed;
z-index: 1;
padding: 0px;
margin 0px;
border: 0px;
height: 100%;
width: 100%;
}