/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 10 June 2026, 1:03:09 pm
    Author     : Sue
*/

.grid_container {
    width: 97vw;
    height: 97vh;
    display: grid;
    grid-template-areas: 
        "header header"
        "nav content"
        "footer footer";
    grid-template-columns: 1fr 4fr;
    grid-template-rows: auto 1fr auto;
    gap: 3px;
    padding: 5px;
}
.grid_container div.page_top{
    grid-area: header;
}
div.page_top img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.grid_container div.nav_menu{
    height: 100%;
    grid-area: nav; 
    background-color: darkgrey;
}
.grid_container div.plugins{
    grid-area: content;
}
.grid_container div.footnote{
    grid-area: footer;
    background: black;
    display: flex;
    align-items: center;
}
div.nav_menu button{
    border: none;
    width: 80%;
    margin-top:16px;
    font-size: 14pt;
    background-color: darkgrey;
    color: red;
}
div.nav_menu button:hover{
    color: black;
}
.content_container {
    display: flex;
}
p {
    color: red;
    margin-left: auto;
    width: max-content;
}
.grid4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3px;
    padding: 5px;
}
.grid4 p {
    margin-right: auto;
}
h1 {
    text-align: center;
}
.centre_text {
    text-align: center;
}