@media only screen and (max-width: 800px) {

.page2 .pp2{
  width: 100%;
}

.page2 table{
  width:100%;
}


}
@media screen and (min-width: 801px) {
  .page2 table {
    width:50%;
  }
}

@media only screen and (max-width: 975px) {
  #page2 .pp2{
    width: 100%;
  }
  #page2 {
    width: 100%;
  }

}















table {
  
    width:90%;
  align-self:center;
    font-size:1em;
    border-collapse: collapse;
    background-color: rgba(3, 2, 2, 0.685);border: 3.5px solid rgba(3, 3, 3, 0.89);
    margin: auto;
 
    margin-top:1em;
    
  }
  
  
  table th,
  table td {
   
    text-align: right;
    vertical-align: text-top;
    padding: 5px 5px;
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  }
  

.page2{

flex-wrap: wrap;


}



H1{
  text-align: center;
  margin: auto;
  margin: 0.5em 0 ;
  color: aliceblue;
  
}


.pp2{
  font-size: 1.3em;
  color: #000;
  font-weight: 600;
  text-shadow: 1px 1px 1px rgb(78, 35, 0);
  line-height:1.5em;
  text-align: center;

  margin: auto;
  width:60%;
  
  
}