body{
    background-color: black;
    margin:0px;
    color: white;
    overflow-y:hidden;
    font-family:Arial, Helvetica, sans-serif;
	   font-size:12px;
    /*overflow:auto;*/
    /*overflow:initial;*/
}
@media screen and (min-width: 700px) {
  main{
    display: grid;
    grid-template-rows: repeat(2, 100vh);

  }

  .page{
    display: flex;
  }
}

main{
  display: grid;
  grid-template-rows: 100vh auto;
  width:100%;
  height:100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-perspective: 300px;
  perspective: 300px;
}

#home{
  height: 100vh;
  z-index:0;
}
#resume{
  height:100%;
  z-index:10;
  background-color: black;
}

.parallax_page{
  width:100%;
  height:100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  scroll-snap-align: start;
  /* background-color: blue; */
}

.page{
  width:100%;
  height:100vh;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  position: relative;
/*  overflow-y: hidden;*/
  scroll-snap-align: start;
  /* -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; */
  /* background-color: blue; */
}

.layer{
  position: absolute;
  /*
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  */

  width:100%;
  height:100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Parallax Layers*/
.fg{
  -webkit-transform: translateZ(90px) scale(.7);
  transform: translateZ(90px) scale(.7);
  z-index: 10;
}

.base{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 9;
}

.bg{
  -webkit-transform: translateZ(-275px) scale(2.05);
  transform: translateZ(-275px) scale(2.05);
  z-index: 8;
}

.deep{
  -webkit-transform: translateZ(-350px) scale(3.2);
  transform: translateZ(-350px) scale(3.2);
  z-index: 7;
}

.deeper{
  -webkit-transform: translateZ(-500px) scale(3.2);
  transform: translateZ(-500px) scale(3.2);
  z-index: 6;
}
/**/

.odd{
  background-color: red;
  z-index: 1;
}

.even{
  background-color: blue;
  z-index: 1;
}