* {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #435165;
    background-image: url("bg\ -\ Copy.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h1 {
    text-align: center;
    color: #5b6574;
    font-size: 24px;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #dee0e4;
}

.content {
    width: 1200px;
    max-width: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    margin: 100px auto;
    padding: 20px;

    .info{
        display:flex;
        justify-content:space-evenly;
        width: 100%;
      }
      
      @media(max-width:880px){
        div{
          flex-direction:column;
          align-items:center;
        }
      }
    
      @media(min-width:880px){
        div{
          width:50%;
        }
      }
}

table {
    border-collapse: collapse;
    width: 100%;
}
  
td, th {
    border: 0.1em solid #ddd;
    padding: 0.5em;
}
  
tr:nth-child(even){background-color: rgba(215, 215, 215, 0.5);}

tr:nth-child(odd){background-color: rgba(255, 255, 255, 0.5);}
  
tr:hover {background-color: #ddd;}
  
th {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    text-align: left;
    background-color: #3274d6;
    color: white;
}

footer {
    text-align: center;
    color: #5b6574;
    padding: 20px 0 20px 0;

    a {
        color: #5b6574;
    }
}