.app-icon {
    width: 18px;
    height: 18px;
    padding-left: 0.3em;
    filter: grayscale(1);
    overflow: hide;
    color: rgba(0, 0, 0, 0.0);
    cursor: help;
    vertical-align: middle;
}

.app-banner {
    width: 128px;
    height: 128px;
    background-color: white;
    padding: 0.2em;
}

application {
    display: grid;
    grid-template-areas: "app-header  app-header"
                         "app-logo    app-content"
                         "app-logo    app-foot";
    grid-template-rows: auto 1fr 50px;
    grid-template-columns: 150px 1fr;
}

application app-header  { grid-area: app-header; }
application app-logo    { grid-area: app-logo; }
application app-foot    { grid-area: app-foot;  align-self: end; }
application app-content { 
    grid-area: app-content; 
    vertical-align: top;
}
app-content p {
    padding: 0px;
    margin: 0px;
}

app-header h1 { margin-bottom: 0.2em; }
app-header div { 
    margin-bottom: 1.3em; 
}

@media (prefers-color-scheme: dark) {
    img[title="java"], img[title="lua"], img[title="rust"], img[title="asm"] {
        filter: grayscale(1) invert(100%);
        color: rgba(0, 0, 0, 0.0);
    }
}