/* Styling footer - making it sticky so it stays at the bottom of page */ 
footer {
  position: sticky;
  top: 0;
  z-index: 999;
}

body {
  background:
  /* top, transparent black, faked with gradient */ 
  linear-gradient(
    rgba(0, 255, 4, 0.5), 
    rgba(255, 0, 0, 0.5)
  ),
  /* bottom, image */
  url(images/background-koi.gif);
  background-size: cover;
}

/* all images on page get these arguments as default - rounded and with blue shadow */ 
img
{
  max-width: 80%;
  box-shadow: 0px 0px 35px #fd02d7;
}

/* this is for the white rounded box that surrounds the text */ 
.centered-text {
  text-align: center;
  font-family: 'lobster', sans-serif;
  background-color: #17f213;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
  display: inline-block;
  max-width: 100%;
}

/* styling a container for an image ie the two on landing page */ 
.image-text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* styling all paragraphs on page to be centered*/ 
p {
  text-align: center;
}

/* style for header */
header {
  text-align: center;
  font-family: 'lobster', sans-serif;
  background-color: #ef05e7;
  margin: 0 auto;
  max-width: 90%;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
  padding: 2px 0px 2px 0px;
} 

/* Set height, display, justify-content, and align-items properties for nav */
nav {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Set list-style, margin, padding, and display properties for nav ul */
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

/* Set display, padding, colour, text-decoration, font-size, font-weight, text-transform, and transition properties for nav ul a */
nav ul a {
  display: block;
  padding: 0 20px;
  color: #333;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}

/* Set background colour and font colour properties for nav ul a:hover */
nav ul a:hover {
  background-color: #ff0000;
  color: #00ff26c4;
}