.md-perspective,.md-perspective body{height:100%;overflow:hidden}.md-perspective body{background:#222;perspective:600px}.md-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;visibility:hidden;backface-visibility:hidden;transform:translateX(-50%) translateY(-50%)}.md-show{visibility:visible}.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;transition:all .3s}.md-show ~ .md-overlay{opacity:1;visibility:visible}.md-content{color:#fff;background:#555;position:relative;border-radius:3px;margin:0 auto}.md-content h3{margin:0;padding:.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:.8;background:rgba(0,0,0,0.1);border-radius:3px 3px 0 0}.md-content > div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em}.md-content > div p{margin:0;padding:10px 0}.md-content > div ul{margin:0;padding:0 0 30px 20px}.md-content > div ul li{padding:5px 0}.md-effect-1 .md-content{transform:scale(0.7);opacity:0;transition:all .3s}.md-show.md-effect-1 .md-content{transform:scale(1);opacity:1}.md-effect-2 .md-content{transform:translateX(20%);opacity:0;transition:all .3s cubic-bezier(0.25,0.5,0.5,0.9)}.md-show.md-effect-2 .md-content{transform:translateX(0);opacity:1}.md-effect-3 .md-content{transform:translateY(20%);opacity:0;transition:all .3s}.md-show.md-effect-3 .md-content{transform:translateY(0);opacity:1}.md-effect-4 .md-content{transform:scale(0) rotate(720deg);opacity:0}.md-show.md-effect-4 ~ .md-overlay,.md-effect-4 .md-content{transition:all .5s}.md-show.md-effect-4 .md-content{transform:scale(1) rotate(0deg);opacity:1}.md-effect-5.md-modal{perspective:1300px}.md-effect-5 .md-content{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}.md-show.md-effect-5 .md-content{transition:all .3s ease-in;transform:translateZ(0px) rotateX(0deg);opacity:1}.md-effect-6.md-modal{perspective:1300px}.md-effect-6 .md-content{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.md-show.md-effect-6 .md-content{transition:all .3s ease-in;transform:translate(0%) translateZ(0) rotate(0deg);opacity:1}.md-effect-7{top:0;transform:translateX(-50%)}.md-effect-7 .md-content{transform:translateY(-200%);transition:all .3s;opacity:0}.md-show.md-effect-7 .md-content{transform:translateY(0%);border-radius:0 0 3px 3px;opacity:1}.md-effect-8.md-modal{perspective:1300px}.md-effect-8 .md-content{transform-style:preserve-3d;transform:rotateY(-70deg);transition:all .3s;opacity:0}.md-show.md-effect-8 .md-content{transform:rotateY(0deg);opacity:1}.md-effect-9.md-modal{perspective:1300px}.md-effect-9 .md-content{transform-style:preserve-3d;transform:rotateX(-70deg);transition:all .3s;opacity:0}.md-show.md-effect-9 .md-content{transform:rotateX(0deg);opacity:1}.md-effect-10.md-modal{perspective:1300px}.md-effect-10 .md-content{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;opacity:0;transition:all .3s}.md-show.md-effect-10 .md-content{transform:rotateX(0deg);opacity:1}.md-effect-11 .md-content{transform:scale(2);opacity:0;transition:all .3s}.md-show.md-effect-11 .md-content{transform:scale(1);opacity:1}.md-effect-12 .md-content{transform:scale(0.8);opacity:0;transition:all .3s}.md-show.md-effect-12 ~ .md-overlay{background:#e74c3c}.md-effect-12 .md-content h3,.md-effect-12 .md-content{background:transparent}.md-show.md-effect-12 .md-content{transform:scale(1);opacity:1}.md-effect-13.md-modal{perspective:1300px}.md-effect-13 .md-content{transform-style:preserve-3d;transform:translateZ(-3000px) rotateY(90deg);opacity:0}.md-show.md-effect-13 .md-content{animation:slit .7s forwards ease-out}@-webkit-keyframes slit{50%{opacity:.5}100%{opacity:1}}@-moz-keyframes slit{50%{opacity:.5}100%{opacity:1}}@keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in}100%{transform:translateZ(0) rotateY(0deg);opacity:1}}.md-effect-14.md-modal{perspective:1300px}.md-effect-14 .md-content{transform-style:preserve-3d;transform:translateY(100%) rotateX(90deg);transform-origin:0 100%;opacity:0;transition:all .3s ease-out}.md-show.md-effect-14 .md-content{transform:translateY(0%) rotateX(0deg);opacity:1}.md-effect-15.md-modal{perspective:1300px}.md-effect-15 .md-content{transform-style:preserve-3d;transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform-origin:0 100%;opacity:0;transition:all .3s}.md-show.md-effect-15 .md-content{transform:translateZ(0px) translateX(0%) rotateY(0deg);opacity:1}.md-show.md-effect-16 ~ .md-overlay{background:rgba(180,46,32,0.5)}.md-effect-16 .md-content{transform:translateY(-5%);opacity:0}.md-show.md-effect-16 ~ .container,.md-effect-16 .md-content{transition:all .3s}.md-show.md-effect-16 .md-content{transform:translateY(0);opacity:1}.md-show.md-effect-17 ~ .container{height:100%;overflow:hidden;transition:transform .3s}.md-show.md-effect-17 ~ .container,.md-show.md-effect-17 ~ .md-overlay{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}.md-effect-17 .md-content{opacity:0;transform:translateY(200%)}.md-show.md-effect-17 .md-content{transform:translateY(0);opacity:1;transition:all .3s .2s}.md-show.md-effect-18 ~ .container{height:100%;overflow:hidden}.md-show.md-effect-18 ~ .md-overlay{background:rgba(143,27,15,0.8);transition:all .5s}.md-show.md-effect-18 ~ .container,.md-show.md-effect-18 ~ .md-overlay{transform-style:preserve-3d;transform-origin:0 50%;animation:rotateRightSideFirst .5s forwards ease-in}@keyframes rotateRightSideFirst{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}.md-effect-18 .md-content{transform:translateX(200%);opacity:0}.md-show.md-effect-18 .md-content{transform:translateX(0);opacity:1;transition:all .5s .1s}.md-show.md-effect-19 ~ .container{height:100%;overflow:hidden}.md-show.md-effect-19 ~ .md-overlay{transition:all .5s}.md-show.md-effect-19 ~ .container,.md-show.md-effect-19 ~ .md-overlay{transform-style:preserve-3d;transform-origin:50% 100%;animation:OpenTop .5s forwards ease-in}@keyframes OpenTop{50%{transform:rotateX(10deg);animation-timing-function:ease-out}}.md-effect-19 .md-content{transform:translateY(-200%);opacity:0}.md-show.md-effect-19 .md-content{transform:translateY(0);opacity:1;transition:all .5s .1s}@media screen and (max-width: 32em){body{font-size:75%}}