*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
    height: 100%;
    line-height: 1.25;
}

body {
    margin: 0;
    height: 100%;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

main {
    display: grid;
    position: absolute;
    width: 100%;
    height: 100%;
    place-content: center;
}

main > * {
    grid-column: 1;
    grid-row: 1;
}

.logo {
    max-width: 100%;
    width: clamp(300px, 50cqi, 80vh);
    margin-inline: auto;
}

.special {
    filter: drop-shadow(0.25cqi 0.25cqi 0px rgba(9, 40, 89, 0.34)) saturate(8);
}