/* Reset all margins, paddings, and box-sizing */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure full page height */
html, body {
    height: 100%;
    font-family: 'Arial', sans-serif;
}

/* Full-page poster container */
.poster {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-image: url(elae.png); /* Use your image path here */
    background-size:contain;
    background-position: center;
    color: rgb(60, 60, 60);
    text-shadow: white (0, 0, 0, 4) ;
    text-align: left;
    position: relative;
}

/* Left side container for I, OLG */
.left {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    color: rgb(162, 0, 0);
    text-shadow: white (0, 0, 0, 4) ;
}

.left h1 {
    font-size: 120px;
    font-weight: bold;
    letter-spacing: -4px;
}

/* Right side container for tagline and film details */
.right {
    position: absolute;
    top: 80%;
    right: 10%;
    transform: translateY(-50%);
    text-align: right;
    color: rgb(162, 0, 0);
}

/* Tagline */
.right h2 {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

/* Film credits */
.right p {
    font-size: 20px;
    margin-bottom: 5px;
}

/* Release date */
.right p:last-child {
    font-size: 18px;
}