A, A:VISITED
{
    @MEDIA (PREFERS-COLOR-SCHEME: LIGHT)
    {
	COLOR: #0038A8;
    }
    @MEDIA (PREFERS-COLOR-SCHEME: DARK)
    {
	COLOR: #00AAFF;
    }
}

HTML
{
    COLOR-SCHEME: light dark;
    BACKGROUND-COLOR: LIGHT-DARK(#F6F5F7, #1C1B22);
}

BODY
{
    WIDTH: 50EM;
    MARGIN: 0 AUTO;
    FONT-FAMILY: "Times New Roman", Georgia, serif;
}

CODE
{
    FONT-FAMILY: Monaco, monospace;
}

IMG.SDM-BANNER
{
    MARGIN-LEFT: 9REM;
}

#NAVBAR
{
    POSITION: STICKY;
    TOP: 0;
}

#NAVBAR>UL
{
    FONT-FAMILY: Tahoma, sans-serif;
    LIST-STYLE-TYPE: NONE;
    MARGIN: 0;
    PADDING: 0;
    BACKGROUND-COLOR: #1C1B22;
    DISPLAY: FLEX;
    @MEDIA (PREFERS-COLOR-SCHEME: DARK)
    {
	BACKGROUND-COLOR: #1C1B22;
    }
    @MEDIA (PREFERS-COLOR-SCHEME: LIGHT)
    {
	BACKGROUND-COLOR: #F6F5F7;
    }
}

#NAVBAR>UL>LI>A
{
    DISPLAY: BLOCK;
    @MEDIA (PREFERS-COLOR-SCHEME: DARK)
    {
	COLOR: WHITE;
    }
    @MEDIA (PREFERS-COLOR-SCHEME: LIGHT)
    {
	COLOR: BLACK;
    }
    TEXT-ALIGN: CENTER;
    PADDING: 14PX 16PX;
    TEXT-DECORATION: NONE;
}

#NAVBAR>UL>LI>A.ACTIVE
{
    BACKGROUND-COLOR: #04AA6D !IMPORTANT;
    COLOR: WHITE;
}

#NAVBAR>UL>LI>A:HOVER
{
    @MEDIA (PREFERS-COLOR-SCHEME: DARK)
    {
	BACKGROUND-COLOR: #111111;
    }
    @MEDIA (PREFERS-COLOR-SCHEME: LIGHT)
    {
	BACKGROUND-COLOR: #CECECE;
    }
}

#NAVBAR>UL>LI IMG
{
    MAX-HEIGHT: 16px;
    WIDTH: AUTO;
}