html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
}

/* Background Image */
#playby {
    position: fixed;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0a1625;
}

#playby img {
    width: 100vw;
    height: 100vh;
    object-fit: fill;
}

/* Overlay container */
#all {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

/* Content */
#content {
    position: absolute;
    left: 40%;
    top: 0;
    width: 30%;
    height: 100%;
    z-index: 3;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 2vh 4vw;
    box-sizing: border-box;

    pointer-events: auto;
}

/* Text */
.text-shadow1 {
    font-size: clamp(1.8rem, 2.85vh, 3.5rem);
    color: #8e1515;
    line-height: 1.15;
}

.text-shadow2 {
    font-size: clamp(1.5rem, 2.4vh, 3rem);
    color: #8e1515;
    line-height: 1.15;
}

/* Logo */
#name {
    height: clamp(25vh, 31vh, 40vh);
    width: auto;
    max-width: 100%;
    object-fit: contain;
    image-rendering: optimizeQuality;
    margin: 2vh 0;
}

/* Decorations */
#break1,
#break2 {
    width: clamp(80px, 10vh, 150px);
    height: auto;
}

#corner1,
#corner2 {
    position: absolute;
    right: 0;
    height: 20vh;
    z-index: 4;
}

#corner1 {
    top: 0;
}

#corner2 {
    bottom: 0;
}

/* Foreground */
#foreground {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 5;

    opacity: 1;
    transition: all 5s;
    pointer-events: none;
}

#foreground:hover {
    transform: scale(1.08);
    opacity: 0;
}

#foreground2 {
    position: absolute;
    left: 27%;
    top: 10%;
    z-index: 3;
    opacity: 0.15;
}

@keyframes fadedesc {
    0% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#desc {
    animation: fadedesc 3s forwards;
}

/* Debug */
#playby {
    outline: 2px solid lime;
}

#playby img {
    outline: 2px solid red;
}