@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-size:100%;padding:0;margin:0}body{font-family:'Lato',Calibri,Arial,sans-serif;background-color:#f5efe1}a{color:#aaa;text-decoration:none}a:hover,a:active{color:#333}.header{margin:0 auto;padding:2em;text-align:center}.logo{min-height:225px}.logo img{width:300px}.folders{padding-top:1em;font-size:0.9em}.folders a{display:inline-block;margin:0.5em;padding:0.7em 1.1em;border:3px solid #6b7381;color:#6b7381;font-weight:700}.folders a:hover{opacity:0.6}.selected{opacity:0.6}.grid{max-width:69em;list-style:none;margin:30px auto;padding:0}.grid div{display:block;float:left;padding:7px;width:33%;opacity:0}.grid div.shown,.no-js .grid div,.no-cssanimations .grid div{opacity:1}.grid div a,.grid div img{outline:none;border:none;display:block;max-width:100%}.grid div.animate{-webkit-animation:fadeIn 0.65s ease forwards;animation:fadeIn 0.65s ease forwards}@-webkit-keyframes fadeIn{0%{}100%{opacity:1}}@keyframes fadeIn{0%{}100%{opacity:1}}@media screen and (max-width:900px){.grid div{width:50%}}@media screen and (max-width:400px){.grid div{width:100%}}.loader,.loader div{box-sizing:border-box}.loader{position:fixed;left:50%;bottom:100px;transform:translate(-50%,0);margin-left:-40px;display:none}.loader div{position:absolute;border:4px solid currentColor;opacity:1;border-radius:50%;animation:loader 1s cubic-bezier(0,0.2,0.8,1) infinite}.loader div:nth-child(2){animation-delay:-0.5s}@keyframes loader{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}100%{top:0;left:0;width:80px;height:80px;opacity:0}}