#header{
  background-color:yellow;
  width:100%;
  height:195px;
}

#nav{
  background-color:none;
  width:1000px;
  height:75px;
    margin: 0;
  padding: 0;
}

.zoom{
transition: transform .2s; /* Animation */
width: 200px;
height: 200px;
}

.zoom:hover {
transform: scale(1.5) rotate(20deg); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.grow{
  transition: transform .2s; /* Animation */
  }
  
  .grow:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

  .shrink{
    transition: transform .2s; /* Animation */
    }
    
    .shrink:hover {
    transform: scale(0.8); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

body {
  
  color: black;
  font-family: Verdana;
  
  background-color: rgb(16, 16, 17);
  background-repeat: repeat;
  background-attachment: fixed; /* <----- required */
  background-size: 50% 50%;
    }

#footer{
    background-color:none;
    width:100%;
    height:100px;
    left:0px;
    bottom:0px;
    color: white;
}
.box{
      background-color: white;
      color: black;
      font-family: Georgia, 'Times New Roman', Times, serif;

     
      width: 890px;
      padding: 25px;
      margin: auto;
      margin-top: 0px;
      text-align: justify;
    }

.navbox{
      background-color: hotpink;
      color: black;
      font-family: 'Courier New', Courier, monospace;
      font-size: larger;

      width: 940px;
      margin: auto;
      margin-top: 0px;
      text-align: justify;

      a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: blue;
}

    }

.invisbox{
  background-color:none;
  color: black;
  font-family: Verdana;

 
  border-radius: 25px;
  width: 1000px;
  border: 0px none;
  padding: 25px;
  margin: auto;
  margin: auto;
  margin-top: 0px;
  text-align: justify;
}

/* walking guy bit*/
.scrolling-container {
  display: flex;
  width: 200%;
  animation: scroll-gif 32s linear infinite;
}

@keyframes scroll-gif {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(-50%);
  }
}

img.bg {
    /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
      
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
      
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
    }