html{background-color:#e6e9e9;background-image:-webkit-linear-gradient(270deg,#e6e9e9 0,#d8dddd 100%);background-image:linear-gradient(270deg,#e6e9e9 0,#d8dddd 100%);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}body{margin:0 auto;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;// line-height:1.5em;color:#545454;// background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.06)}h1,h2,h3,h4,h5,h6{color:#222;font-weight:600;line-height:1.3em}h2{margin-top:1.3em}a{color:#0083e8}b,strong{font-weight:600}samp{display:none}img{-webkit-animation:colorize 2s cubic-bezier(0,0,.78,.36) 1;animation:colorize 2s cubic-bezier(0,0,.78,.36) 1;background:transparent;border:10px solid rgba(0,0,0,.12);border-radius:4px;display:block;margin:1.3em auto;max-width:95%}@-webkit-keyframes colorize{0%{-webkit-filter:grayscale(100%)}100%{-webkit-filter:grayscale(0%)}}@keyframes colorize{0%{filter:grayscale(100%)}100%{filter:grayscale(0%)}}h1{margin:5px 0}#sdp{background:#c8c7cc;display:inline-block;position:relative;top:10px;left:10px;height:568px;width:300px;box-shadow:0 12px 15px 0 rgba(0,0,0,.24);outline:1px solid #fff}#sdp .wrapper{height:94%}#sdp .preview{height:6%;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px;font-size:18px;background:rgba(255,255,255,.8)}#sdp .qt{width:16.6%;height:100%;float:left;display:block}#sdp .qt ul{position:relative;height:100%;margin:0;padding:0}#sdp .qt li{list-style:none;margin:0;text-align:center;background:rgba(255,255,255,.9);outline:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:16px 0 0;cursor:pointer}#sdp .qt li.active{color:red;background:#efefef}#sdp .qt li:hover{background:rgba(255,255,255,.5)}#sdp .century li{width:100%}#sdp .century span{display:inline-block;position:relative;width:100%;margin-top:100%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);text-align:center;font-size:22px}#sdp .decade li{font-size:16px}#sdp .year li{font-size:16px}#sdp .month li{font-size:14px}#sdp .day li{padding-top:55px;font-size:18px}#sdp .days li{font-size:16px}#desc{position:absolute;left:50%;background:rgba(255,255,255,.6);top:10px;padding:10px 20px;width:280px;margin-bottom:20px}#desc p{font-size:14px}footer{float:right;margin-right:20px;top:100%;left:100%;margin:-20px 0 0 -150px;position:absolute}@media (max-width:720px){#desc{position:relative;left:10px;padding:10px}footer{position:relative;top:auto;left:auto;margin:auto;margin-right:10px}}