@import url(https://fonts.googleapis.com/css?family=Yantramanav:100,300,400);:root{--card-width:360px;--grid-gap:3rem;--background-color:#f8f8f8}*{box-sizing:border-box}body,main{margin:0;font-family:Yantramanav,sans-serif;font-size:17px;line-height:1.3em;font-weight:300;overflow-x:hidden}div{margin:0 auto;overflow:auto}a{text-decoration:none}.container{display:flex;flex-direction:row;flex-wrap:wrap;width:90%;max-width:1000px;margin:2em auto;background:transparent}.column{flex-basis:33.3333333333%;width:33.3333333333%;padding:0 10px;box-sizing:border-box}@media (max-width:900px){.column{flex-basis:50%;width:50%}}@media (max-width:600px){.column{flex-basis:100%;width:100%}}.article{background:#fff;padding:20px;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;transition:.3s ease;margin:0 0 10px;color:#000;background-color:#e0ffff;line-height:1.75rem}.article:hover{box-shadow:0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.2)}.article:active{box-shadow:none;transform-origin:center;transform:scale(.98)}