DieHard2.css

body {
    background-color: black;
    color: orange;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.topText {
    text-align: center;
}

.navbar {
    display: flex;
    align-content: center;
}

.switch {
    width: 100px;
    height: 50px;
    background-color: gray;
    color: white;
    border-radius: 20px;
    margin-bottom: 50px;
}

.parentContainer {
    display: flex;
    flex-direction: row;
    height: 20x;
}

.DH1POSTER {
    display: none;
}

.DH2POSTER {
    align-content: center;
    border: 2px solid white;
    display: block;
    padding: 5%;
    width: 50vw/* margin-left: 200px; */
}

.DH3POSTER {
    display: none;
}

.trailers {
    border: solid 2px white;
    width: 60vw;
    align-items: center;
}

.textBox1 {
    border: solid 2px black;
    display: none;
}

.textBox2 {
    border: solid 2px white;
    display: block;
    text-align: center;
    padding: 10%;
    color: white;
    width: 75vw;
    /* margin-top: 150px; */
    align-self: center;
    margin-right: 200px;
}

.textBox3 {
    display: none;
}

.dh1cast {
    display: none;
}

.dh2cast {
    display: block;
    width: 25vw;
    height: 40vh;
}

.dh3cast {
    display: none;
}

#DH1T {
    display: none;
}

#DH2T {
    display: block;
    width: 100%;
    /* height: 40vh; */
}

#DH3T {
    display: none;
}