body {
  height:100%;
  width:100%;
  background-color: #000;
}

.rainbow, .explain, .title {
  /* I had to change the hex values of green and blue here because the regular colors were too dark to see*/

  /* For Safari 5.1 to 6.0 */
  background-image: -webkit-linear-gradient(left,red,orange,yellow,#2f2,#66f,violet);
  /* For Opera 11.1 to 12.0 */
  background-image: -o-linear-gradient(left,red,orange,yellow,#2f2,#66f,violet);
  /* For Fx 3.6 to 15 */
  background-image: -moz-linear-gradient(left,red,orange,yellow,#2f2,#66f,violet);
  /* Standard syntax */
  background-image: linear-gradient(to right, red,orange,yellow,#2f2,#66f,violet);

  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

#graph-holder{
    /*width: 800px;*/
    width: auto;
    height: 500px;
    background-color: #000;
}

.title {
  font-size: 50px;
  font-weight: 100;
}
.explain {
  font-size: 25px;
  font-weight: 100;
}
.link {
  font-size: 25px;
  font-weight: 100;
  color:#f50;
}

.logo{
  height:100px;
  width: 100px;
}

#cv{
  height:100%;
  width:100%;
  background-color: #000;
}

/* IS MOBILE PHONE */
/* Bigger because of iPhone 6*/
@media only screen and (max-width: 62.0em) {

  .logo{
    height:50px;
    width: 50px;
  }

  .title {
    font-size: 40px;
  }
  .explain {
    font-size: 20px;
  }
  .link {
    font-size: 20px;
  }

  #about,#graph,#gan,#experience,#tools,#why,#now{
      height: 100%;
      width: 100%;
      overflow-x:scroll;
      padding-bottom:10px;
  }

  .slider {margin: 0;}
  .slider .slide {width: 100%; height: 100%;}

  .slick-slider{
    margin-bottom:0;
  }

  .slick-prev,.slick-next{
    height:44px;
    width:44px;
  }

  .slick-prev {
      left: 0;
  }

  .slick-next {
      right: 0;
  }

  .slick-next:before,.slick-prev:before{
    color:#fff;
    font-size:44px;
  }

  .slick-dots {
    bottom: 0px;
    margin-left: 0; /* Fixes the visible horizontal scroll bar */
  }
  .slick-slide,.slick-track,.slick-list{
    height:100%;
  }

  .slick-dots li button:before
  {
      font-size:20px;
      opacity: .5;
      color:#fff;
  }

  .slick-dots li.slick-active button:before
  {
      opacity: 1.0;
      color: orange;
  }

}