@font-face {
    font-family: elementalEnd;
    src: url("../fonts/elemental_end.ttf");
}

h1, p {
    color: #2f53a5;
    font-family: elementalEnd, sans-serif;
    font-weight: lighter;
    text-transform: lowercase;
    user-select: none;
    -webkit-user-select: none;
}

body {
    font-size: 24px;
    --content-size: 500px;
    --logo-size: 400px;
}

.container {
    left: 50%;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.container svg {
    height: var(--logo-size);
    width: var(--logo-size);
}

.name {
    font-size: 3.2em;
    margin: 0.7em 0 0 0;
}

.note {
    font-size: 1em;
    margin: -0.7em 0 0 0;
}