@font-face{font-family:'adv';src:url("../fonts/adventor-bold.eot");src:url("../fonts/adventor-bold.eot?#iefix") format('embedded-opentype'),url("../fonts/adventor-bold.woff") format('woff'),url("../fonts/adventor-bold.ttf") format('truetype'),url("../fonts/adventor-bold.svg#texgyreadventorbold") format('svg');font-weight:bold;font-style:normal}::-moz-selection{background:#444;color:#fff;text-shadow:none}::selection{background:#444;color:#fff;text-shadow:none}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:9px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}body{background-color:#eee;padding:3%;position:relative}a{outline:none}h1,h2{font-family:'adv','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:-.2rem;-webkit-transition:color 0.1s ease-out;-moz-transition:color 0.1s ease-out;-o-transition:color 0.1s ease-out;-ms-transition:color 0.1s ease-out;transition:color 0.1s ease-out}.clear{clear:both}.button,.buttons a{display:inline-block;background-color:rgba(0,0,0,0.6);color:#eee;font-size:1.9rem;padding:.8rem;margin-right:1rem;margin-bottom:1rem;font-weight:bold;cursor:pointer;-webkit-transition:background-color 0.3s ease-out;-moz-transition:background-color 0.3s ease-out;-o-transition:background-color 0.3s ease-out;-ms-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out;text-decoration:none}#info .cover,#meta .cover{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}#info h1,#info h2{color:#fff;font-size:3.3rem;line-height:1.1;font-family:'adv','Helvetica Neue',Helvetica,Arial,sans-serif}#info .cover{background-image:url("../images/d.svg");background-color:#35d2d8 !important;color:#fff}#info:hover h2{color:#fff !important}#meta .cover{background-image:url("../images/m.svg");}#meta .cover > div{float:right;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#meta:hover .cover{background-color:rgba(255,255,255,0.9) !important}#meta .button{color:#fff;margin-bottom:1rem;width:50%;float:right;position:relative;font-size:1.8rem;text-align:right;-webkit-transition:-webkit-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-ms-transition:-ms-transform 0.2s ease-out;transition:transform 0.2s ease-out;background-color:#e3ba7a;}#meta .button:last-child{margin-bottom:0}#meta .button:hover{-webkit-transform:translate3d(-1rem,0,0);-moz-transform:translate3d(-1rem,0,0);-o-transform:translate3d(-1rem,0,0);-ms-transform:translate3d(-1rem,0,0);transform:translate3d(-1rem,0,0)}#grid{text-align:center;}#grid > *{width:26rem;height:26rem;margin:1rem;display:inline-block;-webkit-perspective:100rem;-moz-perspective:100rem;-ms-perspective:100rem;perspective:100rem;-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;-ms-transition:-ms-transform 0.3s ease-out;transition:transform 0.3s ease-out;color:#e3ba7a;}#grid > * > div{width:26rem;height:26rem;overflow:hidden;outline:1px solid transparent;background-color:#fff}#grid > *:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}#grid > *:hover .cover{background-color:rgba(255,255,255,0.5);-webkit-transition-duration:.2s !important;-moz-transition-duration:.2s !important;-o-transition-duration:.2s !important;-ms-transition-duration:.2s !important;transition-duration:.2s !important}#grid > *:hover h2{color:#333}.cover,.image{width:26rem;height:26rem;position:absolute;overflow:hidden}.major > div{background-color:#fff;color:#333}.major:hover h2{color:transparent !important}.cover{text-align:left;padding:1rem;font-size:3.2rem;line-height:1;background-color:rgba(255,255,255,0.8);z-index:1;text-transform:lowercase}.image{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}#thing-translator-link .image{background-image:url("../images/thing-translator0.gif")}#oridomi-link .image{background-image:url("../images/oridomi0.gif")}#gildedgauge-link .image{background-image:url("../images/gildedgauge0.gif")}#pozaic-link .image{background-image:url("../images/pozaic0.gif")}#exifexodus-link .image{background-image:url("../images/exifexodus0.gif")}#cellf-link .image{background-image:url("../images/cellf0.gif")}#chaincal-link .image{background-image:url("../images/chaincal0.gif")}#hexaflip-link .image{background-image:url("../images/hexaflip0.gif")}#maskew-link .image{background-image:url("../images/maskew0.gif")}#turingtype-link .image{background-image:url("../images/turing0.gif")}#perma{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;pointer-events:none;color:#fff;padding:0 1rem;overflow:auto;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);background-color:rgba(240,240,240,0.97)}.no-js #perma{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important}body.perma{overflow:hidden !important;}body.perma #perma{opacity:1;-ms-filter:none;filter:none;pointer-events:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;z-index:99}body.perma #grid{pointer-events:none}#x{text-decoration:none;font-size:9.8rem;line-height:.4;text-align:center;position:absolute;color:#333;top:1.4rem;right:-.7rem;width:6rem;height:6rem;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;-ms-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}#x:hover{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.content{background-color:#fff;padding:4rem 2.5rem;font-family:Georgia,Times,'Times New Roman',serif;width:100%;float:left;}.content a{color:#e3ba7a;border-bottom:5px solid #f0f0f0;text-decoration:none;padding:0 .3rem;}.content a:hover{color:#35d2d8 !important}.content hr{width:100%;margin-bottom:3rem;border:0;border-bottom:1px solid #ccc}.content p,.content pre,.content h2,.content h3,.content ul{margin-bottom:3rem;color:#444 !important}.content ul{padding-left:5rem}.content > ul{margin-bottom:6rem}.content li{width:100%;font-size:2.4rem;line-height:1.6;margin-bottom:2rem}.content h2,.content h3{font-size:4rem;line-height:1.9;margin-bottom:1rem;font-family:'Playfair Display',Georgia,Times,'Times New Roman',serif}.content p{font-size:2.4rem;font-weight:200;line-height:1.6;}.content p:last-of-type{margin-bottom:0}.content p code{padding:.5rem}.content code{background-color:#efefef;font-family:Consolas,'Lucida Console','DejaVu Sans Mono',Monaco,'Courier New',monospace;font-size:1.8rem}.content img{max-width:100%}pre{background:#efefef;padding:1.5rem;line-height:1.5;font-family:Consolas,'Lucida Console','DejaVu Sans Mono',Monaco,'Courier New',monospace;overflow:auto}#perma-content{margin:0 auto;clear:both;max-width:800px;padding:1rem 0;padding-bottom:7rem;position:relative;}#perma-content main,#perma-content article{display:none;}#perma-content main.active,#perma-content article.active{display:block}#perma-content h1{line-height:1;margin-bottom:1.5rem;font-size:6rem;word-wrap:break-word;width:81%;color:#e3ba7a}#perma-content h2{font-size:3.3rem;margin-bottom:2.45rem;line-height:1.1;color:#333;letter-spacing:-.1rem;max-width:60rem}#perma-content .buttons a{font-size:2.4rem;color:#e3ba7a;float:left;outline:.4rem solid #e3ba7a;background-color:rgba(0,0,0,0);-webkit-transition:color 0.2s ease-out, background-color 0.2s ease-out;-moz-transition:color 0.2s ease-out, background-color 0.2s ease-out;-o-transition:color 0.2s ease-out, background-color 0.2s ease-out;-ms-transition:color 0.2s ease-out, background-color 0.2s ease-out;transition:color 0.2s ease-out, background-color 0.2s ease-out;margin-left:.3rem;margin-bottom:1.3rem;}#perma-content .buttons a:hover{background-color:#e3ba7a;color:#f0f0f0}.images{margin-bottom:2.6rem;float:left;}.images img,.images video{width:49%;float:left;padding:1rem;background-color:#fff;}.images img:first-child,.images video:first-child{margin-right:2%}.buttons{width:100%;float:left;margin-top:.5rem;margin-bottom:1.5rem;}.buttons :first-child{margin-left:0}.tools{margin:3.5rem 0;font-family:Consolas,'Lucida Console','DejaVu Sans Mono',Monaco,'Courier New',monospace;line-height:1;font-size:1.8rem;letter-spacing:-.1rem;float:left;color:#999}@media only screen and (max-width:600px){.images img,.images video{width:100%;margin-bottom:1rem;}.images img:last-child,.images video:last-child{margin-bottom:0}#perma-content{padding-bottom:15rem;}#perma-content h1{font-size:5rem}#x{font-size:8.2rem}.content{padding:1.5rem}}.touch #grid > *:hover{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.touch .cover{background-color:rgba(255,255,255,0.6)}#perma{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 0.15s ease-out;-moz-transition:opacity 0.15s ease-out;-o-transition:opacity 0.15s ease-out;-ms-transition:opacity 0.15s ease-out;transition:opacity 0.15s ease-out;z-index:1}.cover{-webkit-transition:color 1s ease-out, opacity 0.2s ease-out;-moz-transition:color 1s ease-out, opacity 0.2s ease-out;-o-transition:color 1s ease-out, opacity 0.2s ease-out;-ms-transition:color 1s ease-out, opacity 0.2s ease-out;transition:color 1s ease-out, opacity 0.2s ease-out}.no-pe #perma{display:none}.no-pe body.perma #perma{display:block}#error-404 #grid a{background-color:#fff;text-decoration:none;color:#e3ba7a;font-size:1.7rem;letter-spacing:.4rem;overflow:hidden;background-color:#333;}#error-404 #grid a:hover{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;background-color:#fff}#error-404 #grid a pre{background-color:transparent;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}