article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"“" "”" "‘" "’";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}*,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box;}.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none;}.github-corner{cursor:pointer;}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out;}@-webkit-keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg);}}@keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0);}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg);}}@media (max-width: 500px){.github-corner:hover .octo-arm{-webkit-animation:none;animation:none;}.github-corner .octo-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out;}}.codrops-header{padding:2em 10vw 8em;}.codrops-header h1{font-size:4em;line-height:.9;letter-spacing:-.05em;margin:.5em 0 0;}.codrops-header h1 span{font-size:.25em;display:block;padding:.5em 0 0 .15em;line-height:1.5;color:#999;letter-spacing:15px;text-transform:uppercase;}.codrops-links{position:relative;display:inline-block;text-align:center;white-space:nowrap;}.codrops-links::after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:rgba(0,0,0,.1);-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg);}.codrops-icon{display:inline-block;width:1.5em;margin:.5em;padding:0em 0;text-decoration:none;}.codrops-icon span{display:none;}.codrops-icon:before{font-weight:normal;font-style:normal;font-variant:normal;line-height:1;margin:0 5px;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;}.codrops-icon--drop:before{content:"";color:#09c;}.codrops-icon--prev:before{content:"";}.codrops-demos{margin:2em 0 0;}.codrops-demos a{display:inline-block;margin:0 .5em;}.codrops-demos a.current-demo{color:#333;}.content{width:100%;text-align:center;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-lines:multiple;-moz-box-lines:multiple;box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.content--related{font-weight:bold;text-align:center;display:block;color:#f6f6f6;background:#222;padding:5em 1em;}.media-item{display:inline-block;padding:1em;vertical-align:top;-webkit-transition:color .3s;transition:color .3s;}.media-item__img{max-width:100%;opacity:.3;-webkit-transition:opacity .3s;transition:opacity .3s;}.media-item:hover .media-item__img,.media-item:focus .media-item__img{opacity:1;}.media-item__title{font-size:1em;margin:0;padding:.5em;}.media-item:hover .media-item__title,.media-item:focus .media-item__title{color:#fff;}.section{min-height:400px;width:calc(50% - 20vw);min-width:300px;height:50vh;margin:0 10vw;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:none;-moz-box-flex:none;box-flex:none;-webkit-flex:none;-moz-flex:none;-ms-flex:none;flex:none;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;}.safari-warning{display:none;color:#ff6e00;}.safari .safari-warning{display:block;}.section__title{font-size:5em;font-weight:900;letter-spacing:-.05em;margin:0 0 1em 0;color:#ddd;position:relative;text-align:left;width:100%;}.section__title::before{content:"";position:absolute;top:1.15em;width:40%;height:.1em;background:#ddd;left:0;}h5{margin-top:6em;margin-bottom:-4em;}@media screen and (max-width: 40em){.codrops-header{padding:2em 3vw;}.codrops-header h1{font-size:2.8em;}.section{margin:0;width:100%;padding:0 3vw;}}.svg-filters{position:absolute;visibility:hidden;width:1px;height:1px;}.button--1,.button--1 .button__bg,.button--2,.button--4,.button--4 .button__bg,.button--5,.button--6,.button--7,.button--8,.button--9,.button--10{-webkit-font-smoothing:antialiased;background-color:#222;border:none;display:inline-block;font-size:.85em;font-weight:700;text-decoration:none;user-select:none;letter-spacing:.1em;color:white;padding:20px 40px;text-transform:uppercase;-webkit-transition:background-color .1s ease-out;-moz-transition:background-color .1s ease-out;transition:background-color .1s ease-out;}.button--1:hover,.button--1 .button__bg:hover,.button--2:hover,.button--4:hover,.button--4 .button__bg:hover,.button--5:hover,.button--6:hover,.button--7:hover,.button--8:hover,.button--9:hover,.button--10:hover{background-color:#2cd892;color:#fff;}.button--1:focus,.button--1 .button__bg:focus,.button--2:focus,.button--4:focus,.button--4 .button__bg:focus,.button--5:focus,.button--6:focus,.button--7:focus,.button--8:focus,.button--9:focus,.button--10:focus{outline:none;color:#fff;}.safari .button,.safari
.button__bg{-webkit-filter:none !important;filter:none !important;}.button--1{position:relative;background:none;z-index:0;}.button--1:hover{background:none;}.button--1:hover .circle{background:#2cd892;}.button--1:hover .button__bg{background:#2cd892;}.button--1 .button__container{position:absolute;display:block;width:200%;height:400%;top:-150%;left:-50%;pointer-events:none;z-index:-1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;transition:all .1s ease-out;}.button--1 .button__bg,.button--1 .circle{-webkit-animation:hue-rotate 10s linear infinite;-moz-animation:hue-rotate 10s linear infinite;animation:hue-rotate 10s linear infinite;}.button--1 .button__bg{position:absolute;width:50%;height:25%;top:50%;left:25%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}.button--1 .circle{position:absolute;width:25px;height:25px;border-radius:15px;background:#222;-webkit-transition:background-color .1s ease-out;-moz-transition:background-color .1s ease-out;transition:background-color .1s ease-out;}.button--1 .circle.top-left{top:40%;left:27%;}.button--1 .circle.bottom-right{bottom:40%;right:27%;}.button--2{outline:90px solid transparent !important;position:relative;z-index:0;background-color:transparent;}.button--2 .left,.button--2 .right{position:absolute;width:25px;height:25px;border-radius:15px;background:#222;-webkit-transition:background .1s ease-out;-moz-transition:background .1s ease-out;transition:background .1s ease-out;top:50%;margin-top:-12px;z-index:-2;}.button--2 .left.left,.button--2 .right.left{left:0;}.button--2 .left.right,.button--2 .right.right{right:0;}.button--2 .button__bg{content:"";background:#222;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;-webkit-transition:background .1s ease-out;-moz-transition:background .1s ease-out;transition:background .1s ease-out;}.button--2:hover{background-color:transparent;}.button--2:hover:before,.button--2:hover span{background-color:#2cd892;}.button--4{position:relative;z-index:1;width:80px;height:80px;line-height:80px;padding:0;background:none;}.button--4:hover{background:none;}.button--4:focus{outline:none;}.button--4:active .button__bg{transform:scale(.8);}.button--4 .button__bg{position:absolute;top:0;left:0;width:100%;height:100%;outline:90px solid transparent !important;padding:0;border-radius:100px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);background:none;font-weight:bold;z-index:-2;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;transition:all .1s ease-out;}.button--4 .button__bg:hover{background:none;}.button--4 .blob{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;border-radius:70px;opacity:.3;background:#222;-webkit-transition:background .1s ease-out;-moz-transition:background .1s ease-out;transition:background .1s ease-out;z-index:-1;pointer-events:none;}.button--4 .blob:first-child{opacity:1;}.button--4 .blob:nth-child(n+2){width:100%;height:100%;}.button--5{transform:translateZ(0);outline:90px solid transparent !important;}.button--6{transform:translateZ(0);outline:90px solid transparent !important;}.button--7{transform:translateZ(0);outline:90px solid transparent !important;}.button--8{position:relative;z-index:1;outline:10px solid #f6f6f6 !important;background:#f6f6f6;border:2px solid #000;color:#000;}.button--8:focus{color:#222;}.button--8:hover{background:#f6f6f6;border-color:#2cd892;color:#2cd892;}.button--9{-webkit-transition:all .45s ease-out;-moz-transition:all .45s ease-out;transition:all .45s ease-out;background-image:-webkit-radial-gradient(60% 20%,circle,#ff6023 0%,#da305d);background-image:radial-gradient(circle at 60% 20%,#ff6023 0%,#da305d);box-shadow:0 0 0 20px #f6f6f6;border-radius:80px;color:#fff;width:80px;height:80px;line-height:80px;padding:0;}.button--9:focus{color:#fff;}.button--9:hover{background-image:-webkit-radial-gradient(60% 20%,circle,#ff6023 0%,#da305d);background-image:radial-gradient(circle at 60% 20%,#ff6023 0%,#da305d);color:#fff;}.button--10{position:relative;background:none;z-index:0;width:135px;}.button--10:hover{background:none;}.button--10:hover .button__bg{background:#2cd892;}.button--10 .button__bg{transform:translateZ(0);outline:90px solid transparent !important;background:#222;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;-webkit-transition:background .1s ease-out;-moz-transition:background .1s ease-out;transition:background .1s ease-out;border-radius:40px;}@keyframes hue-rotate{from{-webkit-filter:hue-rotate(0);-moz-filter:hue-rotate(0);-ms-filter:hue-rotate(0);filter:hue-rotate(0);}to{-webkit-filter:hue-rotate(360deg);-moz-filter:hue-rotate(360deg);-ms-filter:hue-rotate(360deg);filter:hue-rotate(360deg);}}.md-perspective,.md-perspective body{height:100%;overflow:hidden;}.md-perspective body{background:#222;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px;}.container{min-height:100%;}.md-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);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;background:rgba(0,40,87,.8);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show ~ .md-overlay{opacity:1;visibility:visible;}.md-content{color:#333;background:#fff;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,.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-content button{display:block;margin:0 auto;font-size:.8em;}.md-effect-1 .md-content{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show.md-effect-1 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}.md-effect-2 .md-content{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9);}.md-show.md-effect-2 .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}.md-effect-3 .md-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show.md-effect-3 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}.md-effect-4 .md-content{-webkit-transform:scale(0) rotate(720deg);-moz-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0;}.md-show.md-effect-4 ~ .md-overlay,.md-effect-4 .md-content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}.md-show.md-effect-4 .md-content{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1;}.md-effect-5.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-5 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);-moz-transform:translateZ(600px) rotateX(20deg);-ms-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0;}.md-show.md-effect-5 .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translateZ(0px) rotateX(0deg);-moz-transform:translateZ(0px) rotateX(0deg);-ms-transform:translateZ(0px) rotateX(0deg);transform:translateZ(0px) rotateX(0deg);opacity:1;}.md-effect-6.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-6 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);-moz-transform:translate(30%) translateZ(600px) rotate(10deg);-ms-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0;}.md-show.md-effect-6 .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate(0%) translateZ(0) rotate(0deg);-moz-transform:translate(0%) translateZ(0) rotate(0deg);-ms-transform:translate(0%) translateZ(0) rotate(0deg);transform:translate(0%) translateZ(0) rotate(0deg);opacity:1;}.md-effect-7{top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}.md-effect-7 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0;}.md-show.md-effect-7 .md-content{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:0 0 3px 3px;opacity:1;}.md-effect-8.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-8 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0;}.md-show.md-effect-8 .md-content{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}.md-effect-9.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-9 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-moz-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0;}.md-show.md-effect-9 .md-content{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}.md-effect-10.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-10 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-60deg);-moz-transform:rotateX(-60deg);-ms-transform:rotateX(-60deg);transform:rotateX(-60deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show.md-effect-10 .md-content{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}.md-effect-11 .md-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show.md-effect-11 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}.md-effect-12 .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;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{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}.md-effect-13.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-13 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-3000px) rotateY(90deg);-moz-transform:translateZ(-3000px) rotateY(90deg);-ms-transform:translateZ(-3000px) rotateY(90deg);transform:translateZ(-3000px) rotateY(90deg);opacity:0;}.md-show.md-effect-13 .md-content{-webkit-animation:slit .7s forwards ease-out;-moz-animation:slit .7s forwards ease-out;animation:slit .7s forwards ease-out;}@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:translateZ(0) rotateY(0deg);opacity:1;}}@-moz-keyframes slit{50%{-moz-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-moz-animation-timing-function:ease-out;}100%{-moz-transform:translateZ(0) rotateY(0deg);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{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-14 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;}.md-show.md-effect-14 .md-content{-webkit-transform:translateY(0%) rotateX(0deg);-moz-transform:translateY(0%) rotateX(0deg);-ms-transform:translateY(0%) rotateX(0deg);transform:translateY(0%) rotateX(0deg);opacity:1;}.md-effect-15.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;}.md-effect-15 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-moz-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-ms-transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform:translateZ(100px) translateX(-30%) rotateY(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show.md-effect-15 .md-content{-webkit-transform:translateZ(0px) translateX(0%) rotateY(0deg);-moz-transform:translateZ(0px) translateX(0%) rotateY(0deg);-ms-transform:translateZ(0px) translateX(0%) rotateY(0deg);transform:translateZ(0px) translateX(0%) rotateY(0deg);opacity:1;}.md-show.md-effect-16 ~ .md-overlay{background:rgba(180,46,32,.5);}.md-show.md-effect-16 ~ .container{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px);}.md-effect-16 .md-content{-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);opacity:0;}.md-show.md-effect-16 ~ .container,.md-effect-16 .md-content{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}.md-show.md-effect-16 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}.md-show.md-effect-17 ~ .container{height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s;}.md-show.md-effect-17 ~ .container,.md-show.md-effect-17 ~ .md-overlay,.md-show.md-effect-17 ~ .hfeed{-webkit-transform:rotateX(-2deg);-moz-transform:rotateX(-2deg);-ms-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}.md-effect-17 .md-content{opacity:0;-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);}.md-show.md-effect-17 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .3s .2s;-moz-transition:all .3s .2s;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,.8);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}.md-show.md-effect-18 ~ .container,.md-show.md-effect-18 ~ .md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:0% 50%;-moz-animation:rotateRightSideFirst .5s forwards ease-in;transform-style:preserve-3d;transform-origin:0% 50%;animation:rotateRightSideFirst .5s forwards ease-in;}@-webkit-keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:translateZ(-200px);}}@-moz-keyframes rotateRightSideFirst{50%{-moz-transform:translateZ(-50px) rotateY(5deg);-moz-animation-timing-function:ease-out;}100%{-moz-transform:translateZ(-200px);}}@keyframes rotateRightSideFirst{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out;}100%{transform:translateZ(-200px);}}.md-effect-18 .md-content{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);opacity:0;}.md-show.md-effect-18 .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s;}.md-show.md-effect-19 ~ .container{height:100%;overflow:hidden;}.md-show.md-effect-19 ~ .md-overlay{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}.md-show.md-effect-19 ~ .container,.md-show.md-effect-19 ~ .md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:50% 100%;-webkit-animation:OpenTop .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:50% 100%;-moz-animation:OpenTop .5s forwards ease-in;transform-style:preserve-3d;transform-origin:50% 100%;animation:OpenTop .5s forwards ease-in;}@-webkit-keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);-webkit-animation-timing-function:ease-out;}}@-moz-keyframes OpenTop{50%{-moz-transform:rotateX(10deg);-moz-animation-timing-function:ease-out;}}@keyframes OpenTop{50%{transform:rotateX(10deg);animation-timing-function:ease-out;}}.md-effect-19 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);opacity:0;}.md-show.md-effect-19 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s;}@media screen and (max-width: 32em){body{font-size:75%;}}