body {
            width: 90%;
            margin: 0 auto;
            background-color: pink
            ;
        }
        

        #content {overflow: auto;}
        #nav, #message, #footer {
            margin: 1%;
        }

        .column1, .column2, .column3 {
            width: 31.3%;
            float: left;
            margin: 1%;
        }

        .column3 {margin-right: 0%;}

       li {
        display: inline;
        padding: 0.5em;
       }

       #nav, #footer {
        background-color: pink;
        padding: 0.5em 0;
       }

       #message, .article {
        height: 10em;
        margin-bottom: 1em;
        background-color: pink;
       }

      /* <!-- end of home page css */
    
       
       
       body {
        width: 90%;
        margin: 0 auto;
        background-color: pink ;
    }
    

    #content1 {overflow: auto;}
    #nav1, #message1, #footer1 {
        margin: 1%;
    }

    .column4, .column5, .column6 {
        width: 31.3%;
        float: left;
        margin: 1%;
    }

    .column6 {margin-right: 0%;}

   li {
    display: inline;
    padding: 0.5em;
   }

   #nav1, #footer1 {
    background-color: pink;
    padding: 0.5em 0;
   }

   #message1, .article1 {
    height: 10em;
    margin-bottom: 1em;
    background-color: pink;
   }

   /* <!-- end of service page css */

   body {
    width: 90%;
    margin: 0 auto;
    background-color: #f8f8ff ;
}


#content2 {overflow: auto;}
#nav2, #message2, #footer2 {
    margin: 1%;
}

.column7, .column8, .column9 {
    width: 31.3%;
    float: left;
    margin: 1%;
}

.column9 {margin-right: 0%;}

li {
display: inline;
padding: 0.5em;
}

#nav2, #footer2 {
background-color: pink;
padding: 0.5em 0;
}

#message2, .article2 {
height: 10em;
margin-bottom: 1em;
background-color: pink;
}
/* end of about page */

body {
    width: 90%;
    margin: 0 auto;
    background-color: #f8f8ff ;
}


#content3 {overflow: auto;}
#nav3, #message3, #footer3 {
    margin: 1%;
}

.column10, .column11, .column12 {
    width: 31.3%;
    float: left;
    margin: 1%;
    height: 15em;
}

.column12 {margin-right: 0%;}

li {
display: inline;
padding: 0.5em;
}

#nav3, #footer3 {
background-color: pink;
padding: 0.5em 0;
}

#message3, .article3 {
height: 17em;
margin-bottom: 1em;
background-color: pink;
}



/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #ff69b4;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: pink;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}