div.lower-data {
            position: relative;
            top: 0px;
            left: 0px;
        }

        div.central-nav {
            position: absolute;

            top: 70%;
            top: 83vh;
            left: 1%;

            opacity: 0.6;
            background-color: hsl(0, 0%, 0%);
            padding: 5px 10px;
        }


        div.image-credit-holder {
            position: absolute;
            display: inline-block;
            background-color: hsl(0, 0%, 0%);

            padding: 5px 10px;

            line-height: 1.5;
            
            opacity: 0.7;
            
            top: 85%;
            top: 91vh;
            
            left: 1%;
        }





        div.time-holder {
            position: absolute;
            display: inline-block;
            background-color: hsl(0, 0%, 0%);
            padding: 5px 10px;
            opacity: 0.7;
            
            top: 24vh;
            left: 1%;
            
        }

        div.time-value {
            color: hsl(0, 0%, 95%);
            font-size: 28pt;
        }



        div.extra-info {
            position: absolute;
            display: inline-block;
            background-color: hsl(0, 0%, 0%);
            padding: 5px 10px;
            opacity: 0.7;

            line-height: 1.5;

            top: 34vh;

            left: 1.5%;

            font-size: 12pt;
        }

        div.subsolar-point {
            position: absolute;

            display: inline-block;

            display: none; /* hide initially */

            background-color: hsl(0, 0%, 100%);

            top: 36vh;
            left: 32%;
            padding: 20px;

            font-size: 12pt;
            line-height: 1.5;

            color: hsl(0, 0%, 5%);

        }

        div.subsolar-point-inner {

            background-repeat: no-repeat;

            background-image: url(/images/science/640px-Subsolar_point_date_graph.svg.png);
            
            background-size: 100% auto;

            width: 700px;
            height: 218px;

        }



        div.world-map {
            position: absolute;

            display: inline-block;

            display: none; /* hide initially */
            
            


            background-color: hsl(0, 0%, 100%);

            top: 9vh;
            left: 32%;
            padding: 20px;

            font-size: 12pt;
            line-height: 1.5;

            color: hsl(0, 0%, 5%);

        }

        div.world-map-inner {

            background-repeat: no-repeat;

            background-image: url(/images/science/640px-World_location_map.svg.png);
            
            background-size: 100% auto;

            width: 700px;
            height: 340px;

        }

        div.world-map-declination-marker {
            font-size: 8pt;
            width: 700px;
            height: 3px;
            background-color: hsl(0, 100%, 50%);
            opacity: 0.4;

            position: relative;
            left: 0;
            top: 50%;
        }

        div.world-map-equator-marker {
            font-size: 8pt;
            width: 700px;
            height: 1px;
            background-color: hsl(195, 50%, 50%);
            opacity: 0.4;

            position: relative;
            left: 0;
            top: 50%;
        }

        div.world-map-equator-text {
            font-size: 8pt;
            width: 200px;
            height: 100px;
            color: hsl(0, 0%, 10%);
            opacity: 0.4;

            position: relative;
            left: 2%;
            top: 50%;
        }





        div.subsolar-point div.info {
            max-width: 680px;
            font-size: 10pt;
            margin-top: 1.5em;
        }

        div.subsolar-point div.info div.subsolar-credit {
            margin-top: 1em;
            line-height: 1.7;
        }

        div.subsolar-point h2 {
            font-size: 17pt;
            margin: 0.5em 0em;
            margin-top: 0;

            color: hsl(0, 0%, 5%);

        }




        div.extra-info.moon {
            left: 1.5%;
        }

        div.extra-info.dates {
            left: 5.5%;
        }

        div.extra-info.additional-info {
            left: 9.5%;
        }

        div.extra-info h2 {
            font-size: 1.2em;
        }

        div.extra-info.moon i {
            color: hsl(0, 0%, 99%);
        }

        div.extra-info.dates i {
            color: hsl(150, 70%, 80%);
            
        }

        div.extra-info.additional-info i {
            color: hsl(58, 70%, 80%);
        }



        div.extra-info.dates strong {
            
            font-size: 16pt;
            font-weight: normal;
            
            color: inherit;
        }

        div.extra-info.additional-info strong {
            
            font-size: 16pt;
            font-weight: normal;
            
            color: inherit;
        }





        body {
            background-repeat: no-repeat;
        }