 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }

  #slider #slides article {
    width: 25%;
    float: left;
  }

  #slider #slide1:checked ~ #slides .inner {
    margin-left: 0;
  }

  #slider #slide2:checked ~ #slides .inner {
    margin-left: -100%;
  }

  #slider #slide3:checked ~ #slides .inner {
    margin-left: -200%;
  }

  #slider #slide4:checked ~ #slides .inner {
    margin-left: -300%;
  }

  #slider input[type="radio"] {
    display: none;
 