      <style type="text/css">
        /*++++++++++++++++++++++++++++++++++++++++++*/
        /*                                          */
        /*  If you change Any of the Values Below,  */
        /*        You Must Change Them All.         */
        /*                                          */
        /*++++++++++++++++++++++++++++++++++++++++++*/
        /* Find groovy fonts at fonts.google.com! */
        /*@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@700&display=swap');*/
        /* Change the Value in the 'Single Quotes' to mactch your chosen Groovy Font above. */
        /*.nhp-spn, .nhp-btn {
            font-family: 'Philosopher', sans-serif; *//* Change the Font Displayed *//*
        }*/

        /* Set width of buttons. */
        .nhp-spn, .nhp-trad, .nhp-btn {
            padding: 0.5em; /* EXCEPT THIS ONE! Do NOT Change THIS Line!! */
            width: 9.5em;
        }
        /* Set height of square/big buttons. Must equal width, above. */
        .nhp-spn, .nhp-trad, .nhp-square {
            height: 9.5em;
        }

            /* Set width and height of hover area. Must be 0.2 less than above. */
            .nhp-spn > .nhp-btn {
                height: 9.3em;
                width: 9.3em;
            }

        /* Fix Width of some Polygon buttons. Change by FIRST Value above. */
        /* Example: If You Change Width by +/-2, Also Change These by +/-2. */
        .nhp-plgm-left, .nhp-plgm-right, .nhp-poly6, .nhp-star6 {
            width: 10.9em;
        }

            .nhp-plgm-left > .nhp-plgm-left, .nhp-plgm-right > .nhp-plgm-right, .nhp-poly6 > .nhp-poly6, .nhp-star6 > .nhp-star6 {
                width: 10.7em;
            }

        /* Set vertical text location in square/big buttons By Half. */
        /* Example: If You Change Height and Width by +/-2, Change Padding by +/-1. */
        .nhp-square, .nhp-spn > .nhp-btn {
            padding: 4.0em;
        }

        /* Set horizontal text location of rotated triangles. Nudge until it looks right. */
        .nhp-poly3-90cw, .nhp-star3-90cw, .nhp-poly3-90ccw, .nhp-star3-90ccw {
            padding-left: 1.8em !important;
            padding-right: 1.8em !important;
        }



        /* If You Hate Yourself, You Can Change The Font Size/Style. */
        /*               All BUTTONS are SIZED in EMs!               */
        /* Changing the Value of font-size, WILL Change Button Size! */
        .nhp-spn, .nhp-btn {
            font-size: 1.0em; /* Just about any numerical value in EMs: X.Xem */
            font-weight: bold; /* lighter/normal/bold/bolder/100-900 */
        }





        /*+++++++++++++++++++++++++++++++++++++++++++*/
        /*                                           */
        /*  Do NOT Change Anything Below This Line!  */
        /*                                           */
        /*+++++++++++++++++++++++++++++++++++++++++++*/

        /* Basic Buttons (Rectangles) */
        .nhp-spn, .nhp-trad, .nhp-btn {
            background-color: #000;
            box-sizing: border-box;
            color: #FFF;
            display: inline-block;
            margin: 0.5em;
            position: relative;
            text-decoration: none !important;
        }

        a.nhp-btn {
            color: #FFF !important;
        }

        .nhp-spn, .nhp-trad {
            padding: 0em;
        }

        .nhp-btn {
            border: solid #000 thin;
            border-radius: 0;
            text-align: center;
        }

        /* Rounded Rectangles */
        .nhp-rounded {
            border-radius: 3em;
        }
        
        /* Rounded Rectangles with Small Corners */
        .nhp-rounded-smc {
            border-radius: 0.5em;
            font-weight: normal !important;
        }
        
        /* Square Buttons */
        .nhp-square {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        /* Round Buttons */
        .nhp-round {
            border-radius: 20em;
        }

        /* Roundeded Rectanglular Parallelogram leaning Left */
        .nhp-rounded-parallelogram-left {
            border-radius: 1em 3em;
        }

        /* Roundeded Rectanglular Parallelogram leaning Right */
        .nhp-rounded-parallelogram-right {
            border-radius: 3em 1em;
        }

        /* Roundeded Rectanglular Trapezoid pointing Down */
        .nhp-rounded-trapezoid-down {
            border-radius: 1em 1em 3em 3em;
        }

        /* Roundeded Rectanglular Trapezoid pointing Up */
        .nhp-rounded-trapezoid-up {
            border-radius: 3em 3em 1em 1em;
        }

        /* Funky Button */
        .nhp-funky {
            border-radius: 5em 2em 5em 2em / 1em 4em 1em 4em;
        }

        /* Elliptical Button */
        .nhp-ellipse {
            border-radius: 50%;
        }

        /* Rectanglular Parallelogram leaning Left */
        .nhp-parallelogram {
            font-style: italic;
            transform: skew(13deg);
        }







        .nhp-spn > .nhp-btn {
            border: none #000 0;
            box-sizing: border-box;
            font-size: inherit;
            left: 0.1em;
            margin: 0em;
            padding-left: 0em;
            padding-right: 0em;
            position: absolute;
            top: 0.1em;
        }

        .nhp-trad {
            background-color: #FFF;
        }


            .nhp-trad > .nhp-btn {
                box-sizing: border-box;
                font-size: inherit;
                left: 0em;
                margin: 0em;
                padding-left: 0em;
                padding-right: 0em;
                position: absolute;
                top: 0em;
            }

        .nhp-poly3, .nhp-star3 {
            -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
        }

        .nhp-poly3-180, .nhp-star3-180 {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
        }

        .nhp-poly3-90cw, .nhp-star3-90cw {
            -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
            padding-left: 0 !important;
        }

        .nhp-poly3-90ccw, .nhp-star3-90ccw {
            -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 50%);
            clip-path: polygon(100% 0%, 100% 100%, 0% 50%);
            padding-right: 0em !important;
        }

        .nhp-poly4 {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        .nhp-poly4-90cw {
            -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }

        .nhp-star4 {
            -webkit-clip-path: polygon(0% 0%, 50% 19%, 100% 0%, 81% 50%, 100% 100%, 50% 81%, 0% 100%, 19% 50%);
            clip-path: polygon(0% 0%, 50% 19%, 100% 0%, 81% 50%, 100% 100%, 50% 81%, 0% 100%, 19% 50%);
        }

        .nhp-trpzd-down {
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 20% 100%);
        }

        .nhp-trpzd-left {
            -webkit-clip-path: polygon(0% 20%, 100% 0%, 100% 100%, 0% 80%);
            clip-path: polygon(0% 20%, 100% 0%, 100% 100%, 0% 80%);
        }

        .nhp-trpzd-right {
            -webkit-clip-path: polygon(0% 0%, 100% 20%, 100% 80%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 20%, 100% 80%, 0% 100%);
        }

        .nhp-trpzd-up {
            -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
        }

        .nhp-plgm-left {
            -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
            clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
        }

        .nhp-plgm-right {
            -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
            clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
        }

        .nhp-poly5 {
            -webkit-clip-path: polygon(50% 0%, 100% 38%, 81% 100%, 19% 100%, 0% 38%);
            clip-path: polygon(50% 0%, 100% 38%, 81% 100%, 19% 100%, 0% 38%);
        }

        .nhp-star5 {
            -webkit-clip-path: polygon(50% 0%, 62% 38%, 100% 38%, 70% 62%, 81% 100%, 50% 77%, 19% 100%, 30% 62%, 0% 38%, 38% 38%);
            clip-path: polygon(50% 0%, 62% 38%, 100% 38%, 70% 62%, 81% 100%, 50% 77%, 19% 100%, 30% 62%, 0% 38%, 38% 38%);
        }

        .nhp-poly5-180 {
            -webkit-clip-path: polygon(19% 0%, 81% 0%, 100% 62%, 50% 100%, 0% 62%);
            clip-path: polygon(19% 0%, 81% 0%, 100% 62%, 50% 100%, 0% 62%);
        }

        .nhp-star5-180 {
            -webkit-clip-path: polygon(19% 0%, 50% 23%, 81% 0%, 70% 38%, 100% 62%, 62% 62%, 50% 100%, 38% 62%, 0% 62%, 30% 38%);
            clip-path: polygon(19% 0%, 50% 23%, 81% 0%, 70% 38%, 100% 62%, 62% 62%, 50% 100%, 38% 62%, 0% 62%, 30% 38%);
        }

        .nhp-poly5-90ccw {
            -webkit-clip-path: polygon(38% 0%, 100% 19%, 100% 81%,38% 100%, 0% 50%);
            clip-path: polygon(38% 0%, 100% 19%, 100% 81%,38% 100%, 0% 50%);
        }

        .nhp-star5-90ccw {
            -webkit-clip-path: polygon(38% 0%, 62% 30%, 100% 19%, 77% 50%, 100% 81%, 62% 70%, 38% 100%, 38% 62%, 0% 50%, 38% 38%);
            clip-path: polygon(38% 0%, 62% 30%, 100% 19%, 77% 50%, 100% 81%, 62% 70%, 38% 100%, 38% 62%, 0% 50%, 38% 38%);
        }

        .nhp-poly5-90cw {
            -webkit-clip-path: polygon(62% 0%, 100% 50%, 62% 100%, 0% 81%, 0% 19%);
            clip-path: polygon(62% 0%, 100% 50%, 62% 100%, 0% 81%, 0% 19%);
        }

        .nhp-star5-90cw {
            -webkit-clip-path: polygon(62% 0%, 62% 38%, 100% 50%, 62% 62%, 62% 100%, 38% 70%, 0% 81%, 23% 50%, 0% 19%, 38% 30%);
            clip-path: polygon(62% 0%, 62% 38%, 100% 50%, 62% 62%, 62% 100%, 38% 70%, 0% 81%, 23% 50%, 0% 19%, 38% 30%);
        }

        .nhp-poly6 {
            -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
            clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
        }

        .nhp-star6 {
            -webkit-clip-path: polygon(25% 0%, 50% 16%, 75% 0%, 75% 34%, 100% 50%, 75% 66%, 75% 100%, 50% 84%, 25% 100%, 25% 66%, 0% 50%, 25% 34%);
            clip-path: polygon(25% 0%, 50% 16%, 75% 0%, 75% 34%, 100% 50%, 75% 66%, 75% 100%, 50% 84%, 25% 100%, 25% 66%, 0% 50%, 25% 34%);
        }

        .nhp-poly6-90 {
            -webkit-clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
            clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
        }

        .nhp-star6-90 {
            -webkit-clip-path: polygon(50% 0%, 64% 25%, 93% 25%, 79% 50%, 93% 75%, 64% 75%, 50% 100%, 36% 75%, 7% 75%, 21% 50%, 7% 25%, 36% 25%);
            clip-path: polygon(50% 0%, 64% 25%, 93% 25%, 79% 50%, 93% 75%, 64% 75%, 50% 100%, 36% 75%, 7% 75%, 21% 50%, 7% 25%, 36% 25%);
        }

        .nhp-blu {
            background-color: #002856;
            border-color: #002856;
        }

        .nhp-red {
            background-color: #B30D26;
            border-color: #B30D26;
        }

        .nhp-gra {
            background-color: #555555;
            border-color: #555555;
        }

        .nhp-ylo {
            background-color: #FBC02D;
            border-color: #FBC02D;
            color: #000;
        }

        .nhp-grn {
            background-color: #5BE417;
            border-color: #5BE417;
            color: #000;
        }

        a.nhp-btn:hover, a.nhp-btn:focus {
            background-color: #FFF;
            color: #000 !important;
            text-decoration: underline !important;
        }

        .nhp-spn > a.nhp-btn:hover, .nhp-spn > a.nhp-btn:focus {
            background-color: #FFF;
            border: none #FFFFFF 0px;
            color: #000;
            text-decoration: underline !important;
        }
        .material-symbols-outlined { 
            vertical-align: sub; 
        }
    </style>
    <style type="text/css">
        /* Remove This After Correcting */
        .nhp-rndd {
            border-radius: 0.5em;
            font-weight: normal;
        }
    </style>