@import url(reset.css);

* {
    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

body {

    display: grid;
    grid-template-rows: auto 1fr auto;

}

header {

    background-color: #ccc;
    border-bottom: 1px solid #333;
    color: #333;
    padding: 1em;        

    display: flex;
    
}


header nav ul {

    display: flex;
    list-style: none;
    padding: 0;
}



header  a {

    color: #990000;
    text-decoration: none;
    padding: 1em 2em;
}

main {

    padding: 1em;
}

footer {

    background-color: #333;
    color: white;
    padding: 1em;        
}

.flexgrow {

    flex-grow: 1;
}

.video-grid {

    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    height: 100%;
    grid-template-columns: 1fr 1fr;
}

video {

    background-color: #999;
    height: 40vh;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }



table {

    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

table a {

    color: #0F4C81;
}

table th {

    text-align: left;
}

table tr th {

    border-bottom: 1px solid #999;
}

table tr td {

    border-bottom: 1px solid #ccc;
}