#timeline{min-height:100vh;margin:0}#timeline:after{content:"";position:absolute;z-index:-1;top:40px;bottom:220px;left:50%;border-left:2px solid #fff!important;transform:translate(-50%)}#timeline:before{content:'';position:absolute;top:40px;left:50%;bottom:85px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2px;background-color:#cdcdcd}#timeline .entries{margin:auto;position:relative;left:-5px}#timeline .entries .entry{width:calc(50% - 15px);float:left;padding:20px;clear:both;text-align:right}#timeline .entries .entry:not(:first-child){margin-top:-60px}#timeline .entries .entry .title{font-size:2.4em;position:relative;color:#1f4687!important}#timeline .entries .entry .title:before{content:'';position:absolute;width:28px;height:28px;border-radius:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-54px;z-index:1000}#timeline .entries .entry .dan:before{border:8px solid #000;background-color:#000}#timeline .entries .entry .kitsu-white:before,#timeline .entries .entry .tenthkyu:before{border:8px solid #fff;background-color:#fff}#timeline .entries .entry .kitsu-red:before,#timeline .entries .entry .ninthkyu:before{border:8px solid #a00;background-color:#a00}#timeline .entries .entry .eighthkyu:before,#timeline .entries .entry .kitsu-yellow:before{border:8px solid #fcd12a;background-color:#fcd12a}#timeline .entries .entry .kitsu-orange:before,#timeline .entries .entry .seventhkyu:before{border:8px solid #fc6a03;background-color:#fc6a03}#timeline .entries .entry .kitsu-green:before,#timeline .entries .entry .sixthkyu:before{border:8px solid #080;background-color:#080}#timeline .entries .entry .fifthkyu:before,#timeline .entries .entry .kitsu-blue:before{border:8px solid #007;background-color:#007}#timeline .entries .entry .fourthkyu:before,#timeline .entries .entry .kitsu-purple:before{border:8px solid #39004d;background-color:#39004d}#timeline .entries .entry .secondkyu:before{background:#654321;background:-moz-linear-gradient(top,#654321 0,#654321 30%,#fff 30%,#fff 70%,#654321 70%,#654321 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#654321),color-stop(30%,#654321),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#654321),color-stop(100%,#654321));background:-webkit-linear-gradient(top,#654321 0,#654321 30%,#fff 30%,#fff 70%,#654321 70%,#654321 100%);background:-o-linear-gradient(top,#654321 0,#654321 30%,#fff 30%,#fff 70%,#654321 70%,#654321 100%)}#timeline .entries .entry .kitsu-brown:before,#timeline .entries .entry .thirdkyu:before{border:8px solid #654321;background-color:#654321}#timeline .entries .entry .firstkyu:before{background:#654321;background:-moz-linear-gradient(top,#654321 0,#654321 30%,#000 30%,#000 70%,#654321 70%,#654321 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#654321),color-stop(30%,#654321),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#654321),color-stop(100%,#654321));background:-webkit-linear-gradient(top,#654321 0,#654321 30%,#000 30%,#000 70%,#654321 70%,#654321 100%);background:-o-linear-gradient(top,#654321 0,#654321 30%,#000 30%,#000 70%,#654321 70%,#654321 100%)}#timeline .entries .entry .title.big:before{width:24px;height:24px;-webkit-transform:translate(8px,-50%);transform:translate(8px,-50%)}#timeline .entries .entry .body{color:#666!important}#timeline .entries .entry .body p{line-height:1.4em}#timeline .entries .entry:nth-child(2n){text-align:left;float:right}#timeline .entries .entry:nth-child(2n) .title:before{left:-43px}#timeline .entries .entry:nth-child(2n) .title.big:before{-webkit-transform:translate(-8px,-50%);transform:translate(-8px,-50%)}#timeline .entries .entry .kitsu-redwhite:before{background:#a00;background:-moz-linear-gradient(top,#a00 0,#a00 30%,#fff 30%,#fff 70%,#a00 70%,#a00 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#a00),color-stop(30%,#a00),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#a00),color-stop(100%,#a00));background:-webkit-linear-gradient(top,#a00 0,#a00 30%,#fff 30%,#fff 70%,#a00 70%,#a00 100%);background:-o-linear-gradient(top,#a00 0,#a00 30%,#fff 30%,#fff 70%,#a00 70%,#a00 100%)}#timeline .entries .entry .kitsu-redblack:before{background:#a00;background:-moz-linear-gradient(top,#a00 0,#a00 30%,#000 30%,#000 70%,#a00 70%,#a00 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#a00),color-stop(30%,#a00),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#a00),color-stop(100%,#a00));background:-webkit-linear-gradient(top,#a00 0,#a00 30%,#000 30%,#000 70%,#a00 70%,#a00 100%);background:-o-linear-gradient(top,#a00 0,#a00 30%,#000 30%,#000 70%,#a00 70%,#a00 100%)}#timeline .entries .entry .kitsu-yellowwhite:before{background:#fcd12a;background:-moz-linear-gradient(top,#fcd12a 0,#fcd12a 30%,#fff 30%,#fff 70%,#fcd12a 70%,#fcd12a 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#fcd12a),color-stop(30%,#fcd12a),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#fcd12a),color-stop(100%,#fcd12a));background:-webkit-linear-gradient(top,#fcd12a 0,#fcd12a 30%,#fff 30%,#fff 70%,#fcd12a 70%,#fcd12a 100%);background:-o-linear-gradient(top,#fcd12a 0,#fcd12a 30%,#fff 30%,#fff 70%,#fcd12a 70%,#fcd12a 100%)}#timeline .entries .entry .kitsu-yellowblack:before{background:#fcd12a;background:-moz-linear-gradient(top,#fcd12a 0,#fcd12a 30%,#000 30%,#000 70%,#fcd12a 70%,#fcd12a 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#fcd12a),color-stop(30%,#fcd12a),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#fcd12a),color-stop(100%,#fcd12a));background:-webkit-linear-gradient(top,#fcd12a 0,#fcd12a 30%,#000 30%,#000 70%,#fcd12a 70%,#fcd12a 100%);background:-o-linear-gradient(top,#fcd12a 0,#fcd12a 30%,#000 30%,#000 70%,#fcd12a 70%,#fcd12a 100%)}#timeline .entries .entry .kitsu-orangewhite:before{background:#fc6a03;background:-moz-linear-gradient(top,#fc6a03 0,#fc6a03 30%,#fff 30%,#fff 70%,#fc6a03 70%,#fc6a03 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#fc6a03),color-stop(30%,#fc6a03),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#fc6a03),color-stop(100%,#fc6a03));background:-webkit-linear-gradient(top,#fc6a03 0,#fc6a03 30%,#fff 30%,#fff 70%,#fc6a03 70%,#fc6a03 100%);background:-o-linear-gradient(top,#fc6a03 0,#fc6a03 30%,#fff 30%,#fff 70%,#fc6a03 70%,#fc6a03 100%)}#timeline .entries .entry .kitsu-orangeblack:before{background:#fc6a03;background:-moz-linear-gradient(top,#fc6a03 0,#fc6a03 30%,#000 30%,#000 70%,#fc6a03 70%,#fc6a03 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#fc6a03),color-stop(30%,#fc6a03),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#fc6a03),color-stop(100%,#fc6a03));background:-webkit-linear-gradient(top,#fc6a03 0,#fc6a03 30%,#000 30%,#000 70%,#fc6a03 70%,#fc6a03 100%);background:-o-linear-gradient(top,#fc6a03 0,#fc6a03 30%,#000 30%,#000 70%,#fc6a03 70%,#fc6a03 100%)}#timeline .entries .entry .kitsu-greenwhite:before{background:#080;background:-moz-linear-gradient(top,#080 0,#080 30%,#fff 30%,#fff 70%,#080 70%,#080 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#080),color-stop(30%,#080),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#080),color-stop(100%,#080));background:-webkit-linear-gradient(top,#080 0,#080 30%,#fff 30%,#fff 70%,#080 70%,#080 100%);background:-o-linear-gradient(top,#080 0,#080 30%,#fff 30%,#fff 70%,#080 70%,#080 100%)}#timeline .entries .entry .kitsu-greenblack:before{background:#080;background:-moz-linear-gradient(top,#080 0,#080 30%,#000 30%,#000 70%,#080 70%,#080 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#080),color-stop(30%,#080),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#080),color-stop(100%,#080));background:-webkit-linear-gradient(top,#080 0,#080 30%,#000 30%,#000 70%,#080 70%,#080 100%);background:-o-linear-gradient(top,#080 0,#080 30%,#000 30%,#000 70%,#080 70%,#080 100%)}#timeline .entries .entry .kitsu-bluewhite:before{background:#007;background:-moz-linear-gradient(top,#007 0,#007 30%,#fff 30%,#fff 70%,#007 70%,#007 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#007),color-stop(30%,#007),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#007),color-stop(100%,#007));background:-webkit-linear-gradient(top,#007 0,#007 30%,#fff 30%,#fff 70%,#007 70%,#007 100%);background:-o-linear-gradient(top,#007 0,#007 30%,#fff 30%,#fff 70%,#007 70%,#007 100%)}#timeline .entries .entry .kitsu-blueblack:before{background:#007;background:-moz-linear-gradient(top,#007 0,#007 30%,#000 30%,#000 70%,#007 70%,#007 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#007),color-stop(30%,#007),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#007),color-stop(100%,#007));background:-webkit-linear-gradient(top,#007 0,#007 30%,#000 30%,#000 70%,#007 70%,#007 100%);background:-o-linear-gradient(top,#007 0,#007 30%,#000 30%,#000 70%,#007 70%,#007 100%)}#timeline .entries .entry .kitsu-purplewhite:before{background:#39004d;background:-moz-linear-gradient(top,#39004d 0,#39004d 30%,#fff 30%,#fff 70%,#39004d 70%,#39004d 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#39004d),color-stop(30%,#39004d),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#39004d),color-stop(100%,#39004d));background:-webkit-linear-gradient(top,#39004d 0,#39004d 30%,#fff 30%,#fff 70%,#39004d 70%,#39004d 100%);background:-o-linear-gradient(top,#39004d 0,#39004d 30%,#fff 30%,#fff 70%,#39004d 70%,#39004d 100%)}#timeline .entries .entry .kitsu-purpleblack:before{background:#39004d;background:-moz-linear-gradient(top,#39004d 0,#39004d 30%,#000 30%,#000 70%,#39004d 70%,#39004d 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#39004d),color-stop(30%,#39004d),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#39004d),color-stop(100%,#39004d));background:-webkit-linear-gradient(top,#39004d 0,#39004d 30%,#000 30%,#000 70%,#39004d 70%,#39004d 100%);background:-o-linear-gradient(top,#39004d 0,#39004d 30%,#000 30%,#000 70%,#39004d 70%,#39004d 100%)}#timeline .entries .entry .kitsu-brownwhite:before{background:#654321;background:-moz-linear-gradient(top,#654321 0,#654321 30%,#fff 30%,#fff 70%,#654321 70%,#654321 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#654321),color-stop(30%,#654321),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#654321),color-stop(100%,#654321));background:-webkit-linear-gradient(top,#654321 0,#654321 30%,#fff 30%,#fff 70%,#654321 70%,#654321 100%);background:-o-linear-gradient(top,#654321 0,#654321 30%,#fff 30%,#fff 70%,#654321 70%,#654321 100%)}#timeline .entries .entry .kitsu-brownblack:before{background:#654321;background:-moz-linear-gradient(top,#654321 0,#654321 30%,#000 30%,#000 70%,#654321 70%,#654321 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#654321),color-stop(30%,#654321),color-stop(30%,#000),color-stop(70%,#000),color-stop(70%,#654321),color-stop(100%,#654321));background:-webkit-linear-gradient(top,#654321 0,#654321 30%,#000 30%,#000 70%,#654321 70%,#654321 100%);background:-o-linear-gradient(top,#654321 0,#654321 30%,#000 30%,#000 70%,#654321 70%,#654321 100%)}#timeline .entries .entry .kitsu-blackwhite:before{background:#000;background:-moz-linear-gradient(top,#000 0,#000 30%,#fff 30%,#fff 70%,#000 70%,#000 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#000),color-stop(30%,#000),color-stop(30%,#fff),color-stop(70%,#fff),color-stop(70%,#000),color-stop(100%,#000));background:-webkit-linear-gradient(top,#000 0,#000 30%,#fff 30%,#fff 70%,#000 70%,#000 100%);background:-o-linear-gradient(top,#000 0,#000 30%,#fff 30%,#fff 70%,#000 70%,#000 100%)}#timeline .entries .entry .kitsu-blackred:before{background:#000;background:-moz-linear-gradient(top,#000 0,#000 30%,#a00 30%,#a00 70%,#000 70%,#000 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#000),color-stop(30%,#000),color-stop(30%,#a00),color-stop(70%,#a00),color-stop(70%,#000),color-stop(100%,#000));background:-webkit-linear-gradient(top,#000 0,#000 30%,#a00 30%,#a00 70%,#000 70%,#000 100%);background:-o-linear-gradient(top,#000 0,#000 30%,#a00 30%,#a00 70%,#000 70%,#000 100%)}@media (max-width:768px){#timeline .entries .entry .title{font-size:1.4em}#timeline:after{top:40px;bottom:120px}}@media only screen and (min-width :768px){#timeline:after{bottom:120px}}@media only screen and (min-width :992px){#timeline:after{bottom:110px}}@media (min-width:1200px){#timeline .entries .entry .title{font-size:2.4em}#timeline:after{bottom:110px}}