#container {
                max-width: 900px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
                /* this centers the entire page */
            }
       


            #header {
                width: 100%;
                /* header color here! */
                height: 50px;
          
            }

            /* navigation section!! */
            #navbar {
                height: 40px;
                background-color: #48608B;
                /* navbar color */
                width: 100%;
                font-family: "roboto mono", monospace;
            }

            #navbar ul {
                display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
                justify-content: space-evenly;
                font-family: "roboto mono", monospace;
            }

            #navbar li {
                padding-top: 10px;
            }

            /* navigation links*/
            #navbar li a {
                color: lightgray;
                font-family: "roboto mono", monospace;
                /* navbar text color */
                font-weight: 700;
                text-decoration: none;
                /* this removes the underline */
            }

            /* navigation link when a link is hovered over */
            #navbar li a:hover {
                color: purple;
                text-decoration: underline;
            }

            #flex {
                display: flex;
            }
            
  .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }        
  
body {
  font-family:"Roboto Mono", monospace;
  font-weight: 600;
  font-style: normal;
  background-image: url("clouds2.jpg");
  background-size: 2000px;
  background-attachment: fixed;
  
}
nav{
  background-color: steelblue;
  border: 1px;
  margin-bottom: 5px;
  width: 300px; 
}
p{
  font-family: "Roboto Mono", monospace;
  font-weight: 600;
  font-style: normal;
}
h1{
  font-family: "Roboto Mono", monospace;
  font-weight: 800;
  font-style: normal;
}
h2{
  font-family: "Roboto Mono", monospace;
  font-weight: 600;
  font-style: normal;
}
ul{
  font-family: "Roboto Mono", monospace;
  font-weight: 600;
  font-style: normal;
}