/* student.css 
   Project: 
   Author: 
   Date: 
	
   Helpful links: 
   	Web colors: 
   		https://en.wikipedia.org/wiki/Web_colors#X11_color_names
	Color picker tool:
		https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
		http://colorpicker.com

	This is from W3Schools.com "How to create a parallax scrolling effect": 
	https://www.w3schools.com/howto/howto_css_parallax.asp

*/


header {
  background-image: url("../img/BreadTurtle.jpg");
  
  height: 100%;
}

.title h1 {
  color: Pink;
  font-family: 'Comic Sans MS', serif;
}

.title h2 {
  color: LavenderBlush;
  font-family: 'Comic Sans MS', serif;
}

.title0 h1 {
  color: DarkSlateGray;
  font-family: 'Comic Sans MS', serif;
}

.title0 h2 {
  color: SlateGray;
  font-family: 'Comic Sans MS', serif;
}

section.maintext {
  /*background-image: url("../img/duck.jpg"); */
}

    .divider.bgimg1 {
      background-image: url("../img/duck.jpg"); 
    }

section.mainvideo {
  /*background-image: url("../img/duck.jpg");*/
}

    .divider.bgimg2 {
      background-image: url("../img/thumb.jpg");
    }

section.mainaudio {
  /*background-image: url("../img/duck.jpg");*/
}

    .divider.bgimg3 {
      background-image: url("../img/BreadTurtle.jpg"); 
    }
    
section.sidebar {
   /*background-image: url("../img/duck.jpg");*/
}

    .divider.bgimg4 {
        background-image: url("../img/horse.jpg"); 
    }

section.vr360video {
   /*background-image: url("../img/duck.jpg"); */
}

    .divider.bgimg5 {
       background-image: url("../img/cat.jpg"); 
    }

section.slideshow {
   /*background-image: url("../img/duck.jpg"); */
}

    .divider.bgimg6 {
        background-image: url("../img/leaf.jpg"); 
    }

section.gmapmain {
   /*background-image: url("../img/duck.jpg"); */
}

    .divider.bgimg7 {
        background-image: url("../img/duck.jpg"); 
    }

section.knightlab {
  /*background-image: url("../img/duck.jpg"); */
}

    .divider.bgimg8 {
        background-image: url("../img/thumb.jpg"); 
    }

section.socialmedia {
   /*background-image: url("../img/duck.jpg"); */
}

    .divider.bgimg9 {
       background-image: url("../img/BreadTurtle.jpg"); 
    }

section.dataviz {
   /*background-image: url("../img/duck.jpg"); */
}

section.footer {
   /*background-image: url("../img/duck.jpg"); */
}