:root {
    --white: #FFFFFF;
    --black: #0D0D0D;
    --darkerblue: #011936;
    --darkblue: #0F294A;
    --lightblue: #668CFF;
    --lighterblue: #CED7F0;
}

* {
    margin: 0;
    padding: 0;
}

div {
    height: 100vh;
    background-color: var(--darkerblue);

    display: flex;
    flex-direction: column;
    gap: 64px;
    justify-content: center;
    align-items: center;
}

.mark-logo {
    width: 150px;
    height: auto;
    border-radius: 16px;
    border: 1px solid var(--white);
}

.written-logo {
    fill: var(--white);
    width: 400px;
    height: auto;
}