body, html{
    margin: 0px;
    height: 100vh;
}

*{
    margin:0px;
}
p{
  font-size: 1.5rem;
padding: 5px;
min-height:10vh;
}
.content {
  padding: 5px;
    font-size: 18px;
    
}
.parallax1{
  /* The image used */
  background-image: url("../images/kernel.JPG");

  /* Set a specific height */
  min-height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax2{
  /* The image used */
  background-image: url("../images/microwave.JPG");

  /* Set a specific height */
  min-height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}.parallax3{
  /* The image used */
  background-image: url("../images/pop1.JPG");

  /* Set a specific height */
  min-height:  100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}.parallax4{
  /* The image used */
  background-image: url("../images/salt.JPG");

  /* Set a specific height */
  min-height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax5{
  /* The image used */
  background-image: url("../images/saltedpop.JPG");

  /* Set a specific height */
  min-height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}