/* 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

*/


body {
  background: linear-gradient(black,white);
}




header {
  background-image: url("../img/people.jpg");
  
  /*height: 90%;*/
}

.title h1 {
   color: black;*/
   font-family: "Georgia", sans-serif;
}

.title h2 {
    color: black;*/
    font-family: "Georgia", sans-serif;
}

.title0 h1 {
  color: black;*/
}

.title0 h2 {
  color: black; */
}

.span class {
  color: green;


}

p {
  font-family: "Georgia", sans-serif;
  font-color: black;
  color: black;
  
  
}

section.maintext {
    
  font-family: "Georgia", sans-serif;
  color:black;
  background-image: url("../img/lights.jpeg"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-blend-mode: screen;
  background-size: auto;
}

.divider.bgimg1 {
  background-image: url("../img/Insecure.gif"); 
  font-family: "Georgia", sans-serif;
}

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

.divider.bgimg2 {
  background-image: url("../img/scandal.gif"); 
  font-family: "Georgia", sans-serif;
}

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

.divider.bgimg3 {
  background-image: url("../img/Blackish.gif"); 
  font-family: "Georgia", sans-serif;
}
    
section.sidebar {
   background-image: url("../img/vines.png");*/
}

.divider.bgimg4 {
  background-image: url("../img/htgawm.gif"); 
  font-family: "Georgia", sans-serif;
}

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

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

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

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

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

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

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

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

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

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

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

.bigger:hover img {
  width:400px;
  transition: all 1s ease;
  z-index:1;
}


      #zoom  {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.6);
        display: none;
        overflow-y: auto;
      }
          
      #info {
        position: absolute;
        top: 7%;
        left: 25%; 
      }

      #info img {
        width: 700px;
        cursor: pointer;
      }

      #zoomtext {
        color: white;
        font-weight: bold;
        width: 400px;
        position: absolute;
        top: 0px;
        right: 235px;
        cursor: pointer;
        font-family: "Montserrat", sans-serif;
      }