html{
    height: 100%;
}

/* Set background color of the page */
body{
    background-color: #B9BAA3;
 }
 /* Center the intro p tag, increase font and change color */
 h1, h2{
    text-align: center;
    color: #902923;
    font-size: xx-large;
    
 }
 /* Make the table centered and bigger */
 table{
    margin:auto;
    width: 50%;
    table-layout: fixed;
 }
 

 /* increase width of columns */
 th,td{
    width: 33.33%;
    text-align: center;
    }
    /* change colors of Table Headers */
 th{
    background-color: #902923;
    color: #D6D5C9;
 }
 /* Change colors of table cells */
 td{
    background-color: #A22C29;
    color: #D6D5C9;
 }
 /* Change base color of links and apply smooth transitions */
 a{
    color:#D6D5C9 ;
    font-weight: 700;
    transition: font-size 0.3s ease-in-out;
 }
 /* Apply hover effect to all links */
 a:hover{
    font-size: x-large;
 }
 /* Change color to visited links when hovered over */
 a:visited:hover{
    color: #009FB7;
 }      

 @media print{
    video{
       display: none; /* Hide video when printing */
    }
    h2{
       display: none; /* Hide h2 when printing */
    }
    h1{
       display: none; /* Hide h1 when printing */
    }
 }