/* this is the comment syntax for CSS! */

:root{
    --skyblue: #87CEEB;
    --white: #ffffff;
    --aqua: #2FEEE8;
    --blue: #1e90ff;
    --black: #000000;
}
/* these are just the root colours for the var() functions. doing this makes it easier to change them later*/

h1{border: 6px solid var(--blue);}

h2{border: 6px solid var(--blue);}

body{
    background-color: var(--skyblue);
    font-family: impact;
}

/* this is where the navbar image goes*/

header{
  background-image: url("website_header_container.png");
  background-repeat: no-repeat;
  background-position: center;

.container{
  position: absolute;
  margin:5px;
  width: auto;
}


.topnav a{
  float:left;
  color:#f2ffff;
  text-align: right;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 6px;
  
}