#wrapper {
    background-color: #D8E2F0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
header {
    background-color: #A7C2E5;
    text-align: left;
    margin:auto;
    padding: 10px 20px;
}
#topbar {
    display: flex;
    justify-content: right;
    text-align: center;
    flex: 1;

}
nav > div {
    background-color: #8EA6D3;
    padding: 10px 20px;
    font-size: 20px;
    border: solid thin #8EA6D3;
}
main {
    border: solid thick #36454F;
}
main > nav > div {
    display: flex;
    justify-content: center;
    text-align: center;
}
img {
    display: flex;
    max-width: 50%;
    margin: auto;
    padding: 10px;
}
main > h2 {
    padding: 5px 1px;
    margin: 20px;
}
main > h3 {
    padding: 5px 1px;
    margin: 20px;
}
main > p {
    padding: 10px 20px;
}
main > h4 {
    padding: 5px 1px;
    margin: 20px;
}
#twolinks {
   display: flex;
    justify-content: center;
    text-align: center;
    flex: 1; 
    margin: 10px;
    padding: 20px;
}
.lowerlinks {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    background-color: #929EAF;
    padding: 10px;
}
.column {
    display: flex;
    flex-direction:column;
}
footer {
    display: flex;
    background-color: #929EAF;
    padding: 5px 10px;
    text-align: center;
    justify-content: center;
}
form {
    text-align: left;
    justify-content: center;
}
input {
    width:100%;
    padding: 12px;
    margin: 10px 0;
    box-sizing: border-box;
    border: 2px solid #36454F;
    border-radius: 8px;
}
input [type=button] {
    background-color: #243C6C;
    color: whitesmoke;
    padding: 16px 32px;
    margin: 4px 2px;
    cursor: pointer;
}
.form {
    display: flex;
    justify-content:center;
    align-items:center;
}