.logo {
    /* filter:invert(100) opacity(100); */
    grid-area: logo;
}

.subtitle {
    grid-area: subtitle;
}

.title {
    grid-area: title;
}

/* Logo */
.grid-container-logo {
    width: 50%;
    display: grid;
    grid-template-areas:
        'logo logo title'
        'logo logo subtitle';
    gap: 1px;
    background-color: darkorange;
    padding: 1px;
    grid-template-columns: 6.25% 6.25% 87.5%;
    grid-template-rows: 50% 50%;
    
    /* border-right: 2px solid; */
}

.grid-container-logo>div {
    /* border-radius: 5px; */
    background-color: darkorange;
    text-align: center;
    /* padding: 20px 0px; */
    /* font-size: 25px; */
}