/*
 * main.css
 *
 * Copyright (C) 2026 Luke Kowald
 */

@font-face
{
    font-family:    "Roboto";
    src:            url("/fonts/roboto.ttf")      format("truetype");
}

@font-face
{
    font-family:    "Roboto Mono";
    src:            url("/fonts/roboto-mono.ttf") format("truetype");
}

html,
body
{
    margin:         0;
    height:         100%;
}

body
{
    display:        flex;
    flex-direction: column;
}

header
{
    flex:           0 0 auto;
    padding:        8px;
    background:     #0000AA;
}

button
{
    padding:        4px 8px;
    font-family:    "Roboto";
    font-size:      13px;
    border-width:   1px;
    border-radius:  0;
}

#content
{
    display:        flex;
    flex:           1;
    min-height:     0;
}

#editor
{
    flex:           1;
    min-height:     0;
}

dialog
{
    inset:          0;
    margin:         0;
    padding:        0;
    border:         none;
}

dialog::backdrop
{
    background:     #000000;
}