* {
    box-sizing: border-box;
}

html {
    min-height: 100vh;
    max-height: 100vh;

    overflow-y: auto;
    
    background: #050505;    
}

body {
    min-height: 100vh;
    max-height: 100vh;

    overflow-y: auto;
    
    margin: 0;
    /* padding: 16px; */

    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 16px;
}

body header #header_img {
    display: flex;
    align-items: center;
    justify-content: center;
}
body header #header_img img {
    max-height: 96px;
}

body main {
    flex-grow: 1;
    max-height: 100%;
    overflow-y: auto;

    display: flex;
    align-items: center;
    justify-content: center;
}
body main #main_video {
    max-height: 100%;
    overflow-y: auto;
    
    flex-grow: 1;
    aspect-ratio: 1.7777;
    /* width: 100%; */
    /* max-width: 100vw; */

    display: flex;
    align-items: center;
    justify-content: center;
}
body main #main_video video {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.7777;
}