body {
    font-family:"Montserrat";
    background-color:#223a52;
  }

 
  .header {
    text-decoration: dotted;
    text-transform: uppercase;
    color: white;
    font-size: 2em;
    text-align: center;
    word-spacing: 1em;
    letter-spacing: .5em;
  }
  
  .words {
    text-align: left;
    padding: 50px;
    max-width: 900px;
    margin: auto;
    
    background-color:#a0dbf3;
  }

  .NavBar {
  text-align: center;
  word-spacing: 10em;
  font-size: 1.5em;
  background-color: black;
  letter-spacing: .2em;
  padding: 25px;
  
    /* unvisited link */
  a:link {
    text-decoration: none;
    color: white;
  }
  
  /* visited link */
  a:visited {
    text-decoration: none;
    color: rgb(205, 237, 255);
    padding: 4px;
  }
  
  /* mouse over link */
  a:hover {
    font-size: 1em;
    text-decoration: none;
    color: #6c73d7;
  }
  
  /* selected link */
  a:active {
    padding: 4px;
    text-decoration: none;
    color: rgb(105, 175, 255);
  }
  }

  /* COMPARE PAGE */
  .Compare-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
   
  
  } 

/* COMPARE TABLE */
#OS  {
  border: 1px solid #ddd;
  padding: 0px;
  top: 50px;
  left: 40px;
  height: 600px;
  background-color: #c7f1ff;
  margin-left: auto;
  margin-right: auto; 
}

  
#OS tr:nth-child(even){background-color: #e1f7ff;}

#OS tr:hover {background-color: #afabff;}

#OS th {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
text-align: center;
background-color: #353daf;
color: rgb(214, 255, 253);
font-size: 2em;
font-weight: lighter;
}
#OS td {
  padding: 20px;
}
  .ImageOS {
      max-width: 100%;
      height: auto;
      
      text-align: center;
    }
  
    .OS-title {
      font-size: 2em;
      color: #353daf;
    }

    .footer {
      text-align: center;
      font-size: 1.1em;
      padding: 3px;
      background-color: black;
      color: white;
    }