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

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

body
{
    background-image:url('/myfiremaze.png');
    margin:0;
    display:flex;
    justify-content:center;
}

p,li,pre,figure
{
    font-family:"FreePixel";
}

h1,h2,h3,h4,h5,h6
{
    font-family:"Concielian";
}

#full-body
{
    display:flex;
    max-width:900px;
    width:100%;
    margin:20px;
    flex-direction:column;
    gap:20px;
}

#header
{
    background-color:rgb(255,0,48);
    color:rgb(8,8,48);
    display:block;
    padding:1px;
    padding-inline:20px;
}

#content
{
    display:flex;
    flex-direction:row;
    gap:20px;
}

#body,#sidebar
{
    display:flex;
    flex:2;
    flex-direction:column;
    gap:20px;
}

#sidebar
{
    max-width: 30%;
}

div.section
{
    border-color:white;
    border-width:1px;
    border-style:solid;
    display:flex;
    flex-direction:column;
}

h3.section-header
{
    background-color:rgb(96,220,220);
    margin:0;
    padding-inline:20px;
    border-bottom-color:white;
    border-bottom-width:1px;
    border-bottom-style:solid;
}

div.section-body
{
    background-color:rgb(48,48,72);
    color:lightblue;
    padding-inline:20px;
    flex-grow:1;
}

div.section-body a
{
    color:lightblue;
}

div.update
{
    background-color:rgb(85,85,85);
    border-style:dashed;
    border-width:1px;
    border-color:rgb(180,200,200);
    margin-block:20px;
}

div.update > p
{
    margin:0;
}