/*colors*/
:root
{
 --bg:       #202020;
 --darkgrey: #373737;
 --fg:       #ffffff;
 --green:    #00ff00;
 --grey:     #404040;
 --red:      #ff0000;
}

/*fonts*/
/*
@font-face
{
 font-family: font;
 src:         url(file.ttf)
}
*/

/*styles*/
address
{
 background-color: var(--fg);
 color:            var(--bg);
 padding:          1px;
}

audio {background-color: var(--darkgrey);}

body
{
 background-color: var(--bg);
 color:            var(--fg);
 font-family:      sans-serif;
}

code {color: var(--green);}

fieldset {border: 1px dotted var(--fg);}

hr
{
 border-top:    1px dotted var(--fg);
 border-bottom: none;
}

noscript {color: var(--red);}

u
{
 text-decoration-color: var(--red);
 text-decoration-line:  underline;
 text-decoration-style: wavy;
}

/*classes*/
.table
{
 display:         table;
 border-collapse: collapse;
}

.tr {display: table-row;}

.td
{
 display:        table-cell;
 padding:        1px;
 vertical-align: top;
 white-space:    nowrap;
}

.ib {display: inline-block;}

/*IDs*/
#flexbox
{
 display:        flex;
 flex-direction: column;
/*align-items:   center;*/
}