body {
  backgrounD-color: #AFC8FA;
  color: #001569;
}
.title {
  background-color: #C7D9FF; 
  font-size:50px;
}
ul {
  background-color: #C7D9FF;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}
h2 {
  font-size: 40px;
  color: #001569;
  background-color: #C7D9FF; 
}
ul li {
  color: #001569;
  float: left;
  font-size: 20px;
  padding-right:20px;
  margin-right:50px;
}
p {
  font-size:32px;
  background-color:#C7D9FF;
  color: #001569;
}
.archivetable {
    background-color: #C7D9FF;
    color: #001569;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width:50px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15;
}
archivetable thead tr{
    text-align: left;
    min-width:10px;
  }
.archivetable th,
.archivetable td {
    padding: 12px 15px;
}
@media (max-width:1500px) {
    h1 {
        font-size:40px;
      }
    h2 {
        font-size:24px;
      }

  }
@media (max-width:1000px) {
    h1 {
        font-size:32px;
      }
    h2 {
        font-size:18px;
      }
  }
@media (max-width:500px) {
    h1 {
        font-size:28px;
      }
    h2 {
        font-size:14px;
      }
    li {
        font-size:10px;
      }
  }