*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html,
body {
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.im-pillaring-it-oh-god {
    position: relative;
    width: 100vw;
    aspect-ratio: 16 / 9;
    max-height: 100vh;
    max-width: calc(100vh * 16 / 9);
    overflow: hidden;
}
.layer {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.bg {
    background: url('../assets/img/bg.png') center / 100% 100% no-repeat;
}
.multiply {
    mix-blend-mode: multiply;
}
.tapes {
    background: url('../assets/img/tape.png') center / 100% 100% no-repeat;
}
.logo-wrap {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    width: 62%;
}
.logo-wrap img {
    width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: multiply;
}
.text-wrap {
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translateX(-50%);
    width: 55%;
}
.text-wrap img {
    width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: screen;
}