body{
  /*background image is the side of the view window
   and it doesnt repeat when being resizes*/
  background-image: url("../images/background.png");
  background-size:100vw;
  background-repeat: no-repeat;

  font-family: 'Baloo 2';
  text-align: center;
  /*background color so that when the view window is resized 
  and the background image is small the rest of the window
  is a color instead of blank*/
  background-color: #7ac59e;

}

/*text size and color*/
h1{
  
  font-size: 5vw;
  color: #7ac59e;
}

h2{
  font-size:2vw;
  color: #7ac59e;

}

/*removes underline*/
a{
  text-decoration: none;
}

/*sizes image and changes the size when hovered*/
img{
  width:10vw;
  transition-duration: 0.2s;
}

img:hover{
  width:11vw;
}