style.min.css

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;line-height:1.5;color:#95a5b2;background-color:#2d3139}h1{font-size:6rem;font-weight:300;margin-top:0;margin-bottom:0.5rem;margin-bottom:3rem}a{color:#222;text-decoration:none}a:visited h3,h3 a:visited{color:gray}.unseen a{color:#000}.unseen a h3::before{content:"⭐ ";font-size:0.5rem;vertical-align:super}.slim .unseen a::before{content:"⭐ ";font-size:0.5rem;vertical-align:super}h3{margin-top:0;font-weight:400;margin-bottom:0.5rem;border-bottom:1px solid #e9e9e9;padding-bottom:0.5rem;display:flex}.grid{-ms-flex-direction:column;flex-direction:column;max-width:100rem;margin:0 auto;flex:1 0 auto;display:flex}nav{width:100%;margin:1em 0}nav > div{width:33%;display:inline-block}nav div:first-child{text-align:left}nav .center{width:32%;text-align:center}nav div:last-child{text-align:right}.row{-ms-flex-direction:row;flex-direction:row;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex}.row > div:first-child > h3 > span{color:transparent}.entries{margin:0;text-align:center}.text-right{text-align:right}footer{text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1.5rem}footer a{color:#ccc}.readable{color:#c9cbce;padding:0 0.75em}img{max-width:100%}.center,.text-center{text-align:center}.readable h1{font-size:2em}.t{color:transparent}.readable pre{background:#2d2d2d;margin:0;padding:0.5em 1em;overflow:auto}.readable code{background:#2d2d2d;font-size:1em;padding:0.01rem 0.25rem;border-radius:0.2rem}.readable table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}.readable table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.readable table td,.readable table th{padding:0.75rem;vertical-align:top;border-top:1px solid #dee2e6}.post-feed{flex-wrap:wrap;display:flex}.post-card{flex:1 1 25rem;border-bottom:1px solid #9aa4ab}@media (max-width: 650px){h1{font-size:2.2rem;text-align:center}h2{font-size:1.8rem}h3{font-size:1.3rem}.post-card{padding:0 0.75rem}}.post-card-content{display:grid;grid-template-rows:1fr auto;height:100%;padding:1.75rem}.post-card-meta{padding:0;text-align:left;margin-top:0;margin-bottom:1.25rem}.post-card-byline-content{flex:1 1 50%;display:flex;flex-direction:column;font-size:0.8rem;text-transform:uppercase}.post-card-byline-content a{color:#000}.post-card-byline-content span.sponsored{font-style:italic;text-transform:lowercase;margin-left:0.5em}.post-card-byline-date{font-size:0.8rem}.post-card-excerpt{color:#555;word-break:break-word;margin-bottom:1.5rem}.post-card-excerpt p{margin-bottom:1em}.post-card-primary-tag{margin:0;color:#3eb0ef;font-size:0.8rem;font-weight:500;letter-spacing:0.2px;text-transform:uppercase}a.readable-link{color:#3eb0ef}.post-card-primary-tag a{color:#000}.no-image .post-card-title{margin-top:0}.post-card-title{word-break:break-word;transition:color 0.2s ease-in-out}.secret{text-align:center;color:transparent}.secret a{color:transparent}.tag{border:solid 1px #7b7b7b;padding:0.1em 0.5em;border-radius:0.25em;margin-left:0.5em;margin-top:0.5em;display:inline-block;font-size:0.75em;background:#ebebeb}.tag:first-child{margin-left:0}.readable .gist{color:#949ba2}.readable .gist .gist-data,.readable .gist .gist-meta{background:#323b44}.readable .gist .gist-data,.readable .gist .gist-file,.readable .gist .gist-meta{border:none;border-radius:0}.readable .gist .gist-meta,.readable .gist .gist-meta a{color:#949ba2}.calendar{width:100%;margin-right:auto;margin-left:auto;border-collapse:collapse}.day{width:150px;height:150px;text-align:center;position:relative;border:solid 1px #222}.date{float:right;position:absolute;top:0.25em;right:0.5em;color:rgba(255, 255, 255, .5)}.day a{display:flex;position:absolute;top:0;right:0;left:0;bottom:0;text-align:center;vertical-align:middle;justify-content:center;align-items:center;font-weight:bold}.day.subdued a,.month.subdued a{font-weight:normal;opacity:0.75}.month{padding:1em 0.5em;text-align:center;position:relative;border:solid 1px #222;min-width:150px;min-height:150px;height:150px}.month a{display:flex;position:absolute;top:0;right:0;left:0;bottom:0;text-align:center;vertical-align:middle;justify-content:center;align-items:center}.p-1{padding:0 1em}.top-10-col{width:100%;flex:0 0 50%;max-width:50%}.top-10-col-33{width:100%;flex:0 0 33.333333%;max-width:33.333333%}.top-10-col-66{width:100%;flex:0 0 66.666666%;max-width:66.666666%}.top-10-container{position:relative;padding:20px;display:flex;flex-direction:column;flex:50%;overflow:hidden}.top-10-container-33{position:relative;padding:20px;display:flex;flex-direction:column;flex:33%}.top-10-header{display:flex;line-height:40px;cursor:pointer}.top-10-title{flex:1 1;font-weight:600}.top-10-heading{font-weight:600;text-align:center;width:100px}.top-10-body{position:relative;flex:1 1;overflow:hidden}.top-10-row{position:relative;height:30px;line-height:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;overflow:hidden}.top-10-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:2 1}.top-10-value{width:50px;text-align:right;margin-right:10px;font-weight:600;font-variant-numeric:tabular-nums;}.top-10-percent{position:relative;width:50px;color:#6e6e6e;padding-left:10px;z-index:1}.top-10-bar{position:absolute;top:0;left:0;height:30px;opacity:1;background:#96b2b3;z-index:-1}.top-10{display:flex;flex-flow:row wrap}a:visited h3,h3 a:visited{color:gray}@media (prefers-color-scheme: light){body{color:#222;background-color:#eee}a{color:#55e}.post-card-excerpt{color:#111}.unseen a{color:#000}a:visited h3,h3 a:visited{color:#55e}.post-card-byline-content a{color:#000}.devring,.devring a{color:#fff}}.grid-light{background:#f9f9f9;color:#222;border-radius:0.25em;padding:0 2em 2em;margin-top:2em}.devring,.devring a,.devring-title a{color:#fff}.slim h3{border-bottom:none}.slim .post-feed .row:not(:last-child){border-bottom:1px solid #efefef}.hero-image{background-position:center;background-repeat:no-repeat;background-size:cover;height:20rem;width:100%}.hero-image.featured{height:10rem;float:left;width:10rem;margin-right:2rem}h3 span{font-size:0.5em;align-self:center;margin-right:0.5em;position:relative;white-space:nowrap}h3 span:after{padding:0.5em;display:none;position:absolute;text-align:center;background-color:#fef4c5;border:1px solid #d4b943;border-radius:2px;margin-left:3em}h3 span:hover:after{display:block}h3 span:after{content:"This is an attempt to find out how related an article is to developers."}.stats{width:100%;margin:0 auto 5em}.stats h3{margin-top:0.5rem;margin-bottom:0}.smudge{position:relative;}.smudge::after {bottom: 0;right: 0;top: 0;left: 0;position: absolute;content: "";background-image: url("/images/smudge.png");background-repeat: no-repeat;background-position: 45% 420px;background-attachment: fixed;pointer-events: none;}.all.outer .inner .post-feed li span {font-size: x-small;margin-right:1em}