@charset "utf-8";
@font-face
{
    font-family: GCMfont;
    src: url(Top-Secret-Stamp.ttf);
}

@font-face
{
    font-family: IBMregular;
    src: url(IBMPlexMono-Regular.ttf);
}

@font-face
{
    font-family: IBMregularItalic;
    src: url(IBMPlexMono-Italic.ttf);
}

@font-face
{
    font-family: IBMlight;
    src: url(IBMPlexMono-Light.ttf);
}

@font-face
{
    font-family: IBMlightItalic;
    src: url(IBMPlexMono-LightItalic.ttf);
}

*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
}

    body
    {
        background: #00203c;
        font-family: 'IBMlight', monospace;
        color: #6f8ea9;
        text-align: center;
    }

        h1.home
        {
            color: #6f8ea9;
            font-family: GCMfont;
            font-size: 8vw;
            padding-top: 5px;
        }

        div.container
        {
            width: 90%;
            height: auto;
            margin: 0 auto;
            text-align: left;
        }

            header
            {
                width: 100%;
                min-height: 50px;
                max-height: 400px;
                padding-bottom: 5px;
                border-bottom: 2px solid #6f8ea9;
            }

            nav
            {
                width: 100%;
                height: auto;
                margin-top: 1vw;
                text-align: right;
            }

                nav a
                {
                    font-family: IBMlight;
                    text-decoration: none;
                    color: #6f8ea9;
                    font-size: 2.5vw;
                    margin-left: 2vw;
                }

                    nav a:hover
                    {
                        font-family: IBMregular;
                        color: #a6b8c7;
                    }

        div.container main h2
        {
            
            font-family: IBMregular;
            font-size: 2.5rem;
            padding-top: 80px;
            padding-bottom: 30px;
        }

        div.container main h3
        {
            font-family: IBMlight;
            font-size: 2.5rem;
            padding-top: 50px;
            padding-bottom: 30px;
        }

        div.container main h4
        {
            font-family: IBMlight;
            font-size: 2rem;
            padding-top: 40px;
        }

        div.container main p
        {
            font-size: 1.5rem;
            padding-bottom: 10px;
        }

        div.container main ul
        {
            list-style-position: inside;
            margin-left: 20px;
            font-size: 1.5rem;
            padding-bottom: 20px;
            padding-top: 10px;
        }

        div.container main form
        {
            width: 900px;
            padding-top: 20px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

            div.container main form input[type=text], div.container main form input[type=tel], div.container main form textarea
            {
                padding: 20px;
                border: none;
                background: #6f8ea9;
                color: #00203c;
                margin-bottom: 10px;
                font-family: 'IBMregular', monospace;
                font-size: 1.5rem;
            }

            div.container main form textarea
            {
                height: 500px;
            }

            div.container main form input[type=submit]
            {
                padding: 20px;
                border: none;
                background: #a6b8c7;
                color: #00203c;
                margin-bottom: 10px;
                font-family: 'IBMregular', monospace;
                font-size: 1.5rem;
            }

                div.container main form input[type=submit]:hover,
                div.container main form input[type=submit]:focus
                {
                    background: #DEDEDE;
                    cursor: pointer;
                }

                div.container main form input[type=text]:hover,
                div.container main form input[type=text]:focus,
                div.container main form input[type=tel]:hover,
                div.container main form input[type=tel]:focus,
                div.container main form textarea:hover,
                div.container main form textarea:focus
                {
                    background: #DEDEDE;
                }