/*Copyright (C) 2021 Viktoria Shestakova*/

body {
    display: grid;
    grid-template-areas:
        "header_area header_area"
        "scp_area render_area"
        "footer_area footer_area";
    grid-template-rows: min-content auto min-content;
    grid-template-columns: min-content auto;
    height: 100vh;
    width: 100vw;
    max-width: 100vw;
    max-height: 100vh;
    margin: 0;
    overflow-y: hidden;
}

#page_header {
    grid-area: header_area;
    background: #f0f8ff;
    padding: 0.33cm 0.7cm 0.22cm 0.7cm;
    box-shadow: 0 0 2px;
    z-index: 10000;
}

.page_title {
    white-space: nowrap;
    font: 10pt monospace;
    text-shadow: 0.011cm 0.011cm 1px dimgrey;
}

#page_footer {
    grid-area: footer_area;
    background: #f0f8ff;
    padding: 5px;
    box-shadow: 0 0 2px;
    font: 10pt monospace;
    text-align: center;
    z-index: 10001;
}

#side_control_panel {
    grid-area: scp_area;
    z-index: 1000;
}

#render_port {
    grid-area: render_area;
}

.hidden {
    display: none !important;
}