body { background-color: #FFFFFF; font-family: Arial, Helvetica, san-serif; color: #0000FF; margin: 50px 70px }
a:link { color: #0000FF }
a:visited { color: #777777 }
a:hover { color: #FF00FF }
a:active { color: #FF0000 }
h1 { padding-top: 10px;
        padding-bottom: 5px }
h2 { padding-top: 5px;
        padding-bottom: 3px }
        
img {
  max-width: 100%;
  height: auto;
  /* border-radius: 8px; */
}

.row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 70px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}
       
        
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* Background color of the navbar */               
.navbar {
  display: inline-block;
  overflow: hidden;
  background-color: #0000ff;
  text-align:center;
  position: relative; /* Set the navbar to a relative position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 10px;
  text-decoration: none;
}

.header {
    position: absolute;
    top:0;
    width:100%;
    height:40px;
    padding:0px;
    text-align: center;
}       

.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height:35px;
  background-color:#0000FF;
  color:#FFFFFF;
  text-align: center;
  
}