<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
        Autonomy by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

        #header
        {
                position: relative;
        }

                #header .container
                {
                        position: relative;
                        padding: 6em 0em;
                }

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

        #logo
        {
                position: absolute;
                left: 0em;
                top: 1.5em;
        }

                #logo h1
                {
                        color: #FFF;
                }

                #logo a
                {
                        display: block;
                        text-decoration: none;
                        font-size: 2.8em;
                        font-weight: 600;
                        color: #FFF;
                }

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

        #nav
        {
                position: absolute;
                right: 0em;
                top: 5em;
        }

                #nav &gt; ul &gt; li
                {
                        float: left;
                }

                        #nav &gt; ul &gt; li:last-child
                        {
                                padding-right: 0;
                        }

                        #nav &gt; ul &gt; li &gt; a, #nav &gt; ul &gt; li &gt; span {
                         display: block;
                         margin-left: 0.5em;
                         padding: 0.80em 0.8em;
                         letter-spacing: 0.06em;
                         text-decoration: none;
                         font-size: 1em;
                         outline: 0;
                         color: #FFF;
}

                        #nav li.active a
                        {
                                background: #56c9d6;
                                border-radius: 5px;
                                color: #FFF;
                        }
                        #nav li a:hover
                        {
                                background: #56c9d6;
                                border-radius: 5px;
                                color: #FFF;
                        }

                        #nav &gt; ul &gt; li &gt; ul
                        {
                                display: none;
                        }

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

        #banner
        {
                padding: 6em 0em;
        }

        .homepage #banner
        {
                padding: 15em 0em;
        }

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

        #main
        {
                padding: 4em 0em 1em 0em;
        }

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

        #featured
        {
                padding: 6em 0em 2em 0em;
        }

/*********************************************************************************/
/* Marketing                                                                     */
/*********************************************************************************/

        #marketing
        {
                padding: 6em 0em;
        }

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

        #copyright
        {
                padding: 3em 0em;
        }</pre></body></html>