button{outline:none;height:2rem;width:4rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:2px}@media (min-width:640px){button{width:6rem;height:2.6rem}}i{position:absolute;left:calc(50% - .4rem)}.top{top:-.3rem}.down{bottom:-.3rem}.rating{background-color:#35e80d}.comments{background-color:#ffb30e}.hybrid-up{background:-webkit-gradient(linear,left top,left bottom,from(#ffb30e),color-stop(#fff),to(#35e80d));background:-webkit-linear-gradient(#ffb30e,#fff,#35e80d);background:-o-linear-gradient(#ffb30e,#fff,#35e80d);background:linear-gradient(#ffb30e,#fff,#35e80d)}.hybrid-down{background:-webkit-gradient(linear,left top,left bottom,from(#35e80d),color-stop(#fff),to(#ffb30e));background:-webkit-linear-gradient(#35e80d,#fff,#ffb30e);background:-o-linear-gradient(#35e80d,#fff,#ffb30e);background:linear-gradient(#35e80d,#fff,#ffb30e)}.story{margin:.2rem 0;background-color:#e0dfdf;-webkit-box-shadow:0 0 1px;box-shadow:0 0 1px;height:45px;position:relative;font-size:.7rem}.story-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:center}a{font-size:.9rem;text-decoration:none}a:hover{background-color:grey;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;cursor:pointer}.number,.source{padding-top:.2rem}.rating-bars{width:200px;font-size:.9rem;display:inline-block;position:absolute;top:20px;left:calc(50% - 200px - 5px)}.rating-fill{background-color:#35e80d;direction:rtl;float:right;text-align:right;-webkit-box-shadow:0 0 2px;box-shadow:0 0 2px}.comment-bars{position:absolute;width:200px;right:calc(50% - 200px - 5px);top:20px;display:inline-block}.comment-fill{float:left;background-color:#ffb30e;-webkit-box-shadow:0 0 2px;box-shadow:0 0 2px;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}.comment-fill:hover{background-color:#ff0e0e;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;cursor:pointer}.time{padding-top:.4rem;float:right}body{margin:0;padding:0}header{text-align:center;padding:.7rem 0;margin-bottom:1rem;-webkit-box-shadow:1px 1px 3px grey;box-shadow:1px 1px 3px grey;background:-webkit-linear-gradient(45deg,#da5b00,#e49a2a);background:-o-linear-gradient(45deg,#da5b00,#e49a2a);background:linear-gradient(45deg,#da5b00,#e49a2a)}.controls,.select{text-align:center;margin:1rem auto}.control-text{margin:.3rem auto}.button-group{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.stories-container{max-width:700px;margin:0 auto}
/*# sourceMappingURL=main.b58d46b0.css.map*/