body {
margin: 0;
background-image: url("images/666.png");
  color: black;
}

  .navbar a{
   float: left;
   background: #1abc9c;
   display: white;
   font-family: "Sofia", serif;
   text-align: center;
   padding: 14px 16px; 
   text-decoration: none;
   font-size: 16px;
   color: white;
}

  .navbar a:hover{
  background: #1abc9c;
  color: #FF69B4;
}
        
  .topnav {
  overflow: hidden;
  background-color: #fff;
}

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

/* Header/Logo Title */
  .header {
  padding: 60px;
  background: #1abc9c;
  font-family: "Sofia", serif;
  color: white;
  font-size: 20px;
}

        h1 { 
  display: block;
  color: green;
  text-align: center; 
  font-size: 2em;
  font-weight: bold;
}

.border { 
  display: block;
  color: purple;
  border: 5px solid red;
  text-align: center; 
  font-size: 2em;
  font-weight: bold;
}

.border2 { 
  display: block;
  background-color: #fff;
  color: purple;
  border: 5px solid red;
  text-align: center; 
  font-size: 2em;
  font-weight: bold;
}

#img1 {
  filter: invert(100%)
}

      .main {
  width: 100%;
  min-height: 100%;
  align-items: center;
  position: relative; 
}

      p.normal {
  font: sans-serif;
  font-style: normal;

}

p.border {
  border: 5px solid red;
      
}

   
      .footer {
   padding: 2px;
   width: 100%;
   font-size: 12px;
   font-family: "Sofia", serif;
   background-image: url("images/666.png");
   color: #000000;
   position: relative; 
  }