body{

    margin-top: 100px;

    font-family: 'Trebuchet MS', serif;

    line-height: 1.6

}

​

.container{

    width: 800px;

    margin: 0 auto;

}

​

ul.tabs{

    margin: 0px;

    padding: 0px;

    list-style: none;

}

​

ul.tabs li{

    background: none;

    color: #222;

    display: inline-block;

    padding: 10px 15px;

    cursor: pointer;

}

​

ul.tabs li.current{

    background: #ededed;

    color: #222;

}

​

.tab-content{

    display: none;

    background: #ededed;

    padding: 15px;

}

​

.tab-content.current{

    display: inherit;

}

/* external css: flickity.css */

​

.carousel {

    background: #EEE;

}

​

.carousel-cell {

  width: 100%;

  margin-right: 10px;

  background: #8C8;

  border-radius: 5px;

  counter-increment: gallery-cell;

}

​

/* cell number */

.carousel-cell:before {

  display: block;

  text-align: center;

  content: counter(gallery-cell);

  line-height: 200px;

  font-size: 80px;

  color: white;

}