body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(0, 0, 0); /*배경색*/
}

:root {
    --main-dark-theme: rgba(0, 0, 0, 0.3);
    --alt-dark-theme: rgb(0, 0, 0);
}

body {
    font-family: arial;
    color: rgb(255, 255, 255);
}


video {
    position: relative;
    max-height: 2160px; /* 1080px의 2배 */
    max-width: 200vw; /* 화면 너비의 2배 */
    height: calc(200vh - 100px); /* 화면 높이의 2배에서 100px 뺀 값 */
    width: auto;
    object-fit: cover;
}

#video-container {
    position: fixed; 
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    background-color: rgba(172, 23, 23, 0);

}