* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    user-select: none;
}

body {
    margin: 0px;
    /* background-color: #344CB7; */
}

.header {
    /* background-image: linear-gradient(180deg, #000957, #344CB7); */
    background-color: #000957;
    color: whitesmoke;
    text-align: center;
    padding: 60px 0px;
}
.header h1 {
    margin: 0px;
    font-size: calc(2vw + 12px);
}

.subheader {
    background-color: #344CB7;
    color: whitesmoke;
    text-align: center;
    padding: 18px;
}
.subheader p {
    margin: 0px;
}




.menu {
    width: fit-content;
    max-width: 90%;
    margin: 18px auto;
    text-align: center;
}
.menu button {
    background-color: white;
    border: 2px solid #000957;
    border-radius: 0px;
    font-size: larger;
    padding: 9px 18px;
    color: #000957;
    cursor: pointer;
    margin: 6px 3px;
}
.menu button:hover {
    background-color: #000957;
    color: whitesmoke;
}
.menu button:active {
    background-color: #344CB7;
    border-color: #344CB7;
}





.content {
    margin: 0px auto;
    margin-bottom: 60px;
    width: 600px;
    max-width: 90%;
}




.footer {
    /* position: fixed; */
    width: 100%;
    bottom: 0;
    text-align: center;
    background-color: #000957;
    /* background-image: linear-gradient(0deg, #000957, #344CB7); */
    color: whitesmoke;
    padding: 30px 0px;
}
.footer p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.footer a {
    user-select: all;
    color: whitesmoke;
    text-decoration: none;
    font-family: 'Times New Roman', Times, serif;
}