*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;font-size:16px;font-family:sans-serif;color:#363636;height:100%}header{text-align:center;padding:3rem 1rem 5rem}h1,h2,h3,h4{font-weight:lighter;margin:0}h1{font-size:2.5rem;margin:1rem 0}h2{font-size:1.5rem;margin:.625rem 0;max-width:30rem;font-weight:500;font-style:italic}h3{text-transform:uppercase;margin:.5rem 0}.article,h3{font-size:.75rem}.article{padding:2.5rem 2rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start}.article:after,.article:before{content:"";border:1px solid #363636;position:absolute;top:0}.article:before{height:calc(100% + 1rem);width:1rem}.article:after{width:calc(100% - 2px);height:1rem}.article:hover .article-image{border-radius:100%}.article:nth-child(2n):after,.article:nth-child(2n):before{left:0}.article:nth-child(2n) .article-image{margin-right:0}.article:nth-child(odd){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.article:nth-child(odd):after,.article:nth-child(odd):before{right:0}.article:nth-child(odd) .article-image{margin-left:0}.article:nth-child(3n+1) .article-image{border-top-right-radius:100%;border-top-left-radius:100%}.article:nth-child(3n+2) .article-image{border-bottom-right-radius:100%;border-bottom-left-radius:100%}.article-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0 1rem}.article-image{height:10rem;-webkit-box-flex:0;-ms-flex:0 0 10rem;flex:0 0 10rem;overflow:hidden;-webkit-transition:border-radius .2s;transition:border-radius .2s;margin:2rem}.article-image img{max-height:100%;position:relative;left:-20%}a{text-decoration:none;color:#00f;font-size:inherit;margin:-.375rem;padding:.375rem;letter-spacing:.015rem;font-weight:200}a:hover{background:#00f;color:#fff}p{line-height:1.8;margin:1rem 0 .5rem;font-size:1rem}.content{max-width:50rem;margin:0 auto}.search input{font-size:1.5rem;width:100%;max-width:20rem;margin:2rem auto 1rem;text-align:center;border:none;border-bottom:1px solid #00f;border-radius:0;background:transparent}.search input:active,.search input:focus{outline:none;border-color:#363636}@media only screen and (max-width:600px){body,html{overflow-x:hidden}h1{font-size:1.5rem}.search input{font-size:1.25rem;max-width:100%}.article,.article:nth-child(2n),.article:nth-child(odd){-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.article:nth-child(2n){margin:0 .25rem 0 1rem}.article:nth-child(odd){margin:0 1rem 0 .25rem}.article-content{padding:0 .5rem}.article-image{-ms-flex-preferred-size:7rem;flex-basis:7rem;height:7rem;max-width:7rem;margin:0 0 .75rem;-ms-flex-item-align:center;align-self:center}.article:after{width:calc(100% - .875rem)}}