body {
                font-family: Arial, Helvetica, sans-serif;
                color: #222;
                width: center;
                padding: 20px;
                margin: 0;
                border-radius: 10px;
                background-color: goldenrod;
                
                
            }
            
            /* html {
                background-image: url(images/passport.png);
                background-size: 20%;
            } */

            html body ol li {
                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                font-size: larger;
                text-align: center;
                border: radius 50px;
                width: center;
                margin: auto;
                padding-bottom: 10%;
            }
            html body h4 {
                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                text-align: center;
                border-radius: 8px;
            }

          

            header {
                background-color: #0072B6;
                text-align: center;
                padding: 12px;
                margin-bottom: 36px;
            }
            header img {
                max-width: 20%;
                width: 50%; 
                height: auto;
                border: none;
         }
            header nav ul {
                background-color: #071689;
            }

            nav {box-sizing: content-box;
                width: 100%;
                text-align: center;
                border-block: 1rem solid;
                border-block-color: #0094DB;
                background-color: 
                #071689;
                
            }
           

                nav ul {
                    display: flex;
                    padding-left: 0;
                    justify-content: center;
                }

                nav ul li {
                    list-style-type: none;
                }

                nav ul li a {
                    text-decoration: none;
                    padding: 10px 20px 10px 20px;
                    color: 
                white;
                    display: block;
                    padding: 6px 12px 6px 12px;
                    border-radius: 8px;
                    display: block;
                }

                /*nav ul a:link, nav ul a:visited {
                    text-decoration: none;
                    background-color: #071689;
                    color: #ffffff;
                    padding: 6px 12px 6px 12px;
                    border-radius: 8px;
                    display: block;

                }
                /* affect a link that is a child of a ul of the nav*/
                
                nav a:active {
                    background-color: wheat;
                    padding: 6px 12px 6px 12px;
                    border-radius: 8px;
                    display: block;
                }

                nav a:hover, nav a:focus {
                    background-color: goldenrod;
                    padding: 6px 12px 6px 12px;
                    border-radius: 8px;
                    display: block;
                }

               

              
            
            h1 {
                color:#F2F1E4;
                font: bold 1.75rem sans-serif;
                text-transform: uppercase;
                letter-spacing: 5px;
                margin: 0;
            }

            h2  {box-sizing: content-box;
                width: center;
                text-align: center;
                color: #004f7d;
                font: bold 1.75rem sans-serif;
                text-transform: uppercase;
                letter-spacing: 15px;
                margin: 0;
            }
            h3  {box-sizing: content-box;
                width: auto;
                margin-left: 2em;
                margin-right: 2em;
                
            }
            h4  {box-sizing: content-box;
                width: 35%;
                margin: 0;
                padding-bottom: 100px;
            }
         
            article {
                padding: 100px;
                margin: 100px;
                border: 10px;
                font-family: sans-serif;
                text-indent: 10%;
                text-align: justify;
                background-color: #F2F1E4;
                
            }

             quote {
                padding: 10px;
                margin: 10px;
                border: 10px;
                font-family: sans-serif;
                background-color: #F2F1E4;
                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;                
            }
       
            hr  {
                width: 70%;
                margin-bottom: 20px;
            }
            p {box-sizing: content-box;
                width: auto;
                line-height: 1rem;
                margin-left: 2em;
                margin-right: 2em;
                margin-bottom: 1em;
                padding: 10px;
                font-family: Arial, Helvetica, sans-serif;
                
            }
           

            ul {
                width: 100%;
                line-height: 1.5rem;
                list-style: square;
                text-indent: 5%;
                display: inline-block;
            }
            ol {box-sizing: border-box;
                width: 125%;
                line-height: 1.5rem;
                margin-top: 5rem;
                margin-left: 5rem;
                display: inline-block;
                text-align: center;
            }
      
            img {
                width: 500px;
                height: 500px;
                border: #0094DB .5rem solid;
                border-color: #0094DB;
                border-bottom-color: wheat;
            }
  
            div {
                border: radius 10px;
                width: auto;
                margin: auto;
                padding-bottom: 10%;
                background-color: whitesmoke;
            }

            table {
                align-items: center;
            }
        


            footer {
                background-color: #0094DB;
                box-sizing: content-box;
                width: 80%;
                height: 10px;
                text-align: center;
                font-size: xx-small;
                 font: sans-serif;
                line-height: 1rem;
                border-block-start: none;
                padding: 5px;
                margin: 0 auto;
                color: whitesmoke;
            }
             
            /* footer img {
                object-fit: contain;
                border: none;
         }