body {
    margin: 0;
    background-color: white;
    width: 100dvw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo {
    height: 50dvh;
    width: 50dvw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    container-type: inline-size;
}

@container (width > 0px) {
    .logo-part {
        width: 100cqw;
        font-family: 'Banana Brick';
        text-align: center;
        font-size: min(11cqw, 5.5cqh);
    }

    .logo-2l {
        font-size: min(70cqw, 35cqh);
    }

    .logo-3l {
        font-size: min(40cqw, 20cqh);
    }

    .logo-r {
        font-size: min(12.4cqw, 6.2cqh);
    }
}

@font-face {
    font-family: 'Banana Brick';
    src: url(fonts/banana-brick.woff2) format('woff2');
}