*{box-sizing:border-box}html,body{background:#000;height:99%;overflow-x:hidden}body{min-height:100%;font-family:Arial,sans-serif}.wrap{height:100%;min-height:500px;padding-bottom:20px;position:relative}.game{transform-style:preserve-3d;perspective:500px;height:100%;min-height:100%}@-webkit-keyframes matchAnim{0%{background:#33ff63}to{background:#fff}}@keyframes matchAnim{0%{background:#33ff63}to{background:#fff}}.card{float:left;text-align:center;perspective:500px;cursor:pointer;z-index:50;-webkit-tap-highlight-color:#0000;width:25%;height:30%;padding:5px;font-size:80px;display:block;position:relative}body.default .card{width:16.6667%;height:25%}.card .inside{width:100%;height:100%;transform-style:preserve-3d;background:#fff;transition:all .4s ease-in-out;display:block}.card .inside.picked,.card .inside.matched{transform:rotateY(180deg)}.card .inside.matched{-webkit-animation:3s ease-in-out .4s matchAnim;animation:3s ease-in-out .4s matchAnim}.card .front,.card .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #000;width:100%;height:100%;padding:20px;position:absolute;top:0;left:0}.card .front img,.card .back img{max-width:100%;max-height:100%;margin:0 auto;display:block}.card .front{justify-content:center;align-items:center;display:flex;transform:rotateY(-180deg);padding:15px!important}@media (width<=800px){.card .front{padding:5px}}.card .back{transform:rotateX(0)}@media (width<=800px){.card .back{padding:10px}}.modal-overlay{z-index:100;background:#000c;width:99%;height:99%;display:none;position:fixed;top:0;left:0}.modal{background:#fff;width:500px;max-width:90%;height:400px;min-height:380px;max-height:90%;margin:0 auto;padding:30px 10px;display:none;position:relative;top:50%;transform:translateY(-50%)}.modal .winner{text-align:center;color:#4d4d4d;text-shadow:0 3px #000;padding-top:.5em;font-family:Anton,sans-serif;font-size:80px}@media (width<=480px){.modal .winner{font-size:60px}}.modal .restart{color:#fff;text-shadow:0 1px #000;cursor:pointer;background:linear-gradient(#4d4d4d,#222);border:1px solid #222;border-radius:5px;margin:30px auto;padding:20px 30px;font-family:Anton,sans-serif;font-size:30px;display:block}.modal .restart:hover{background:linear-gradient(#222,#000)}.modal .message{text-align:center}.modal .message a{color:#28afe6;font-weight:700;text-decoration:none}.modal .message a:hover{color:#56c0eb;border-bottom:1px dotted #56c0eb}@media print{body{background:#fff}.card .back{display:none}}footer{color:#fff;word-wrap:break-word;width:100%;margin:0;padding:0 50px;position:absolute;top:25vh}footer li{margin-bottom:.5em}footer a{color:#0ff;border-bottom:1px solid #0ff;padding-bottom:.2em;text-decoration:none}@media (width<=800px){footer{padding:0 20px;top:88vh}footer li{line-height:1.5em}}h1,blockquote{color:#fff;font-family:Arial,sans-serif}h1{text-align:center;margin-bottom:1.75em;font-size:2em}blockquote{text-align:center;margin-bottom:2.25em}h1+div>blockquote{margin-top:-2em}label{margin-left:2em}.editor-wrapper{float:left;color:#000;z-index:1000;background:#fff;width:50%;max-width:600px;height:100%;margin-top:6px;padding:.5em;position:relative}.editor{padding-top:40px}.editMode footer{display:none}.close-editor-button{position:absolute;top:10px}.markdownTitles{font-size:1.1em}.markdownTitles.h1{color:#8b0000;font-size:1.2em;font-weight:700}.markdownTitles.h2{color:#00008b;border-bottom:1px solid #00008b;font-weight:700}.markdownTitles.h3{font-size:1em;font-weight:700}.markdownTitles.h4{color:#48008c;font-size:.9em}.markdownBold{font-weight:700}.markdownItalic{font-style:italic}.markdownLists{color:#00008b;font-weight:700}.markdownLinksURL{color:#00f}.markdownHTMLtag{color:#377512!important}.markdownHTMLtag,.markdownHTMLtagContent{font-weight:400}.markdownHTMLcomment{color:#666}.markdownSeparator{color:#8b0000;font-weight:700}.markdownYAML{color:#006400;font-weight:700}.verySmallBoard .card,.verySmallBoard body.default .card{height:25%}@media (width<=800px){.card,body.default .card{width:50%;height:130px!important}.smallBoard .card,.smallBoard body.default .card{height:100px!important}.verySmallBoard h1{font-size:1.75em}.verySmallBoard .card,.verySmallBoard body.default .card{width:33%;max-height:17%}}