:root {
    /* See UB's Visual Identity guide on color at:
    https://www.buffalo.edu/brand/creative/color/color-palette.html */
    --ubblue: #005bbb;
    --letchworthautumn: #e56a54;
    --solarstrand: #ffc72c ;
    --greinergreen: #ebec00;
    --lakelasalle: #00a69c;
    --capenbrick: #990000;
    --bronzebuffalo: #ad841f;
    --olmsteadgreen: #6da04b;
    --niagarawhilrpool: #006570;
    --victoreblue: #2f9fd0;
    --harrimanblue: #002f56;
    --bairdpoint: #e4e4e4;
    --townsendgray: #666666;
    --hayeshallwhite: #ffffff;
}


/* See: https://www.w3schools.com/css/css3_box-sizing.asp */
* {
    box-sizing: border-box;
}


body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background-color: var(--ubblue);
}


/* Header */

header {
    background-color: var(--hayeshallwhite);
    color: var(--harrimanblue);
    padding: 20px;
    text-align: center;  
}

h1 {
    margin: 0;
    padding: 0;
    color: var(--hayeshallwhite);
    font-family:"Arial Bold", Arial, Helvetica, sans-serif;
}

/* Tables */
table, th, td {
    /* border: 3px solid; */
}



/* Navigation */

nav {
    background-color: var(--bronzebuffalo);
    padding: 20px;
}
  
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
  
  li {
    display: inline-block;
    margin: 0 10px;
}
  
/* Main content */

main {
    padding: 20px;
  }
  
  section {
    margin-bottom: 20px;
}
  
  h2 {
    margin-top: 0;
    padding: 0;
}
  
  p {
    font-family:Georgia, 'Times New Roman', Times, serif;
    color: var(--bairdpoint)
}

/* image-contatiner */
.image-container {
    width: 100%;
}

.image-container img {
    max-width: 30%;
}

/* Footer */

footer {
    background-color: var(--harrimanblue);
    color: var(--hayeshallwhite);
    padding: 20px;
    text-align: center;
    }


/* Links */
a:link {
    color: var(--hayeshallwhite);
    text-decoration: underline;
    font-weight:bolder;
}
a:visited {
    color: var(--bairdpoint);
    text-decoration: underline;
    font-weight:normal;
}
a:hover {
    color: var(--greinergreen);
    text-decoration: underline;
    font-weight:bolder;
}
a:active {
    color: var(--greinergreen);
    font-weight:bolder;
}