*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}

h1 {
    white-space: nowrap;
    color: white;
    font-size: min(3vw, 3dvh);
    text-align: center;
    padding: 0.5dvh 0.5vw;
}

.logo > img {
    max-width: 25vw;
    max-height: 7dvh;
    padding: 0.5dvh 0.5vw;
}

header {
    width: 100vw;
    max-height: 10dvh;
    background-color: #012169;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

section {
    margin: 2.5vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 1rem;
    flex-wrap: wrap;
}

article {
    width: 21rem;
    background-color: #012159;
    padding: 1vw;
    margin: 1.5rem 1vw;
    color: white;
    text-align: center;
}

h2 {
    margin: 0.75rem;
}

p {
    margin: 0.75rem;
}

button {
    margin: 0.75rem;
    padding: 0.25rem;
    background-color: white;
    color: blue;
    transition-duration: 0.4s;
}

button:hover {
    background-color: blue;
    color: white;
}

footer {
    width: 100vw;
}

footer > p {
    background-color: #012159;
    color: white;
    font-size: clamp(0.5rem, 1vw, 1rem);
    text-align: center;
    padding: 0.2rem;
    margin: 2dvh 0vw;
}