/* Copyright (c) Microsoft Corporation.
Licensed under the MIT license. */

header {
    background-color: #007FFF;
    height: 75px;
    width: 100%;
}

header > p {
    color: #FFFFFF;
    font: bold 1.6em "segoe ui", arial, sans-serif;
    margin-left: 31px;
    padding-top: 20px;
}

main {
    margin: 0 auto;
    width: 100%;
}

#text-container > div > p {
    font: 1.2em "segoe ui", arial, sans-serif;
}

#report-container {
    height: 100vh; /* Full height of the viewport */
    width: 100vw; /* Full width of the viewport */
    display: flex;
    justify-content: left;
    align-items: inherit;
    border: dashed 2px solid;
}

footer > p {
    font: 1em "segoe ui", arial, sans-serif;
}

iframe {
    width: 100%;
    height: 100%; /* Full height of the container */
    border: 1px; /* Optional: Removes the iframe border */
}

@media only screen and (max-width: 574px) {
    #report-container {
        height: calc(0.5625 * 100vw); /* 16:9 aspect ratio */
    }

    .full-screen-section {
        width: 100vh; /* Full width */
        height: 100vh; /* Full height of the viewport */
        margin: 0; /* Remove margins */
        padding: 0; /* Remove padding */
        display: flex; /* Optional: to center content */
        align-items:  inherit; /* Optional: vertically center content */
        justify-content: center; /* Optional: horizontally center content */
        border: dashed 2px solid;
    }

        .full-screen-section iframe {
            width: 100%;
            height: 100%;
            border: none; /* Optional: removes border from iframe if used inside the section */
        }

}