div {
    text-align: justify;
    text-justify: inter-word;
}
h1 {
    background:black;
    color:white;
    text-align:center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
h2 {
    background:black;
    color:white;
    text-align:center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body {
    font-family: Arial;
    padding: 10px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    max-height: 200px;
    background-position: center;
    background-size: cover;
    
}

#fixed-bg1 {
    background-image: url(images/fixedgex.png);
    min-height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;

}
#fixed-bg2 {
    background-image: url(images/fixedbase.png); 
    min-height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}


#fixed-bg3 {
    background-image: url(images/fixedadd.png); 
    min-height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.content1 {
   margin: auto;
    color:black;
  
 
}

/* Header/Title */
.header {
    text-align: center;
    background: none;
    color: black;
   
    
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

 .active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}



/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    border-radius: 10px;
}





/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: red;
}


img {
    width:50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: block;
    margin-left: auto;
    margin-right: auto;
    
} 
 
    

/* Add a card effect for articles */
.card {
    max-width:800px;
    background-color: white;
    padding: 10px;
    margin: auto;
    border-radius: 10px;
    text-align:justify;
}

input[type=text], select, textarea {
  width: 100%;
  border-radius: 4px;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}


.footer {
    padding: 20px;
    text-align: center;
    background: black;
    margin-top: 20px;
    color:white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}