::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0ff}@font-face{font-family:'Ostrich Sans';src:url(../fonts/OstrichSans-Bold.eot);src:url(../fonts/OstrichSans-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/OstrichSans-Bold.woff2) format('woff2'),url(../fonts/OstrichSans-Bold.woff) format('woff'),url(../fonts/OstrichSans-Bold.ttf) format('truetype'),url(../fonts/OstrichSans-Bold.svg#OstrichSans-Bold) format('svg');font-weight:700;font-style:normal}body{background-image:url(../images/body-bg.jpg);background-repeat:repeat;margin:0;padding:0;color:#fff;font-family:'Ostrich Sans';-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.container{display:grid;grid-template-columns:repeat(12,1fr);justify-items:stretch;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.title-div{grid-column:1/13;grid-row:1;background-image:url(../images/title-bg.jpg);background-size:cover;z-index:2;box-shadow:10px 10px 5px #333;cursor:default;-webkit-animation:title-anim 2s;animation:title-anim 2s}.title-div>h1{text-align:center;font-size:3em;line-height:.1em}.button{background:#9e978e;background-image:url(../images/button-bg.jpg);background-size:cover;display:inline-block;height:45px;line-height:45px;width:90px;border-bottom-left-radius:90px;border-bottom-right-radius:90px;grid-row:2;z-index:1;justify-self:center;box-shadow:10px 10px 5px #333;text-align:center;font-size:1.2em;cursor:default;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-animation:button-anim 2.5s;animation:button-anim 2.5s}.about-btn{grid-column:1/5}.shuffle-btn{grid-column:5/9}.puzzle-btn{grid-column:9/13}.button:hover{box-shadow:10px 10px 10px #0ff;-webkit-transform:translate(0,5px);transform:translate(0,5px)}.button:active{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}.puzzle-div-wrapper{text-align:center;margin:40px auto 40px auto;display:none;grid-column:5/13;grid-row:3}.puzzle-div{display:grid;grid-template-columns:repeat(3,1fr);width:450px;height:450px;box-shadow:10px 10px 5px #333;padding:5px 4px 4px 5px;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-animation:puzzle-anim 3s;animation:puzzle-anim 3s;background-image:url(../images/title-bg.jpg);background-size:cover}.puzzle-div:hover{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.puzzle-div>canvas{width:148px;height:148px;justify-self:center}.img-select-div-wrapper{position:relative;justify-self:center;display:none;grid-column:1/5;grid-row:3;overflow:hidden;width:200px;margin-top:40px;max-height:450px}#img-select-div{text-align:center;width:100%;height:100%;box-sizing:content-box;max-height:450px;overflow-y:scroll;overflow-x:hidden;padding-right:17px}#img-select-div:hover{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}#img-select-div>div{padding:5px;background-image:url(../images/title-bg.jpg);background-size:cover;box-shadow:10px 10px 10px #333;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;display:inline-block;margin:10px 10px 10px 0}#img-select-div>div:hover{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);background-image:url(../images/title-bg.jpg);background-size:cover}#img-select-div>div:active{-webkit-transform:scale(.9,.9);transform:scale(.9,.9);background-image:url(../images/title-bg.jpg);background-size:cover}#img-select-div img{width:120px;height:120px}#img1{-webkit-animation:img-anim 3s 1s;animation:img-anim 3s 1s}#img2{-webkit-animation:img-anim 2.5s .5s;animation:img-anim 2.5s .5s}#img3{-webkit-animation:img-anim 2s;animation:img-anim 2s}#img4{-webkit-animation:img-anim 3s 1s;animation:img-anim 3s 1s}#img5{-webkit-animation:img-anim 2.5s .5s;animation:img-anim 2.5s .5s}#img6{-webkit-animation:img-anim 2s;animation:img-anim 2s}.about-wrapper{grid-column:1/13;grid-row:3;max-width:800px;margin:40px;justify-self:center}.about{text-align:center;font-family:'Open Sans',sans-serif}.shuffle-btn{-webkit-animation:shuffle-anim 3s;animation:shuffle-anim 3s;display:none}.scroll{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright;-webkit-animation:scroll-anim 3s;animation:scroll-anim 3s}.title{font-size:2em}.link{text-decoration:none;color:#0ff;font-family:'Open Sans',sans-serif;text-shadow:2px 2px #000}.about,.about-a,.title{text-align:center}.message-box-wrapper{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);height:100%;width:100%;z-index:5;display:none}.message-box{background-image:url(../images/title-bg.jpg);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;text-align:center;padding:20px 50px;box-shadow:0 0 20px #0ff;cursor:default;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.message-box>img{box-shadow:10px 10px 10px #333;width:150px;margin-bottom:20px}#message{margin-bottom:20px}#confirm-btn{background-image:url(../images/button-bg.jpg);box-shadow:10px 10px 10px #333;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}#confirm-btn:hover{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}#confirm-btn:active{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.share-btn:hover{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(1.15,1.15);transform:scale(1.15,1.15)}.share-btn:active{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.share-btn{width:20px;text-align:center;font-size:1em;position:absolute;left:0;padding:10px 20px 10px 20px;border-radius:0 20px 20px 0;border-left:none;background-image:url(../images/button-bg.jpg);box-shadow:10px 10px 10px #333;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;visibility:hidden;text-decoration:none;color:#fff;cursor:default}#fb-btn{top:240px;-webkit-animation:share-anim 2s 1.5s;animation:share-anim 2s 1.5s}#twitter-btn{top:300px;-webkit-animation:share-anim 2s 1s;animation:share-anim 2s 1s}#linkedin-btn{top:360px;-webkit-animation:share-anim 2s .5s;animation:share-anim 2s .5s}#pin-btn{top:420px;-webkit-animation:share-anim 2s;animation:share-anim 2s}@-webkit-keyframes title-anim{0%{font-size:.1em;box-shadow:10px 10px 10px #0ff}100%{font-size:1em;box-shadow:10px 10px 10px #333}}@keyframes title-anim{0%{font-size:.1em;box-shadow:10px 10px 10px #0ff}100%{font-size:1em;box-shadow:10px 10px 10px #333}}@-webkit-keyframes puzzle-anim{0%{box-shadow:10px 10px 10px #000;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}60%{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(.95,.95);transform:scale(.95,.95)}100%{box-shadow:10px 10px 10px #333;-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes puzzle-anim{0%{box-shadow:10px 10px 10px #000;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}60%{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(.95,.95);transform:scale(.95,.95)}100%{box-shadow:10px 10px 10px #333;-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes button-anim{0%{box-shadow:10px 10px 10px #0ff}100%{box-shadow:10px 10px 10px #333}}@keyframes button-anim{0%{box-shadow:10px 10px 10px #0ff}100%{box-shadow:10px 10px 10px #333}}@-webkit-keyframes shuffle-anim{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes shuffle-anim{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes img-anim{0%{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{box-shadow:10px 10px 10px #333;-webkit-transform:scale(1,1);transform:scale(1,1)}}@keyframes img-anim{0%{box-shadow:10px 10px 10px #0ff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}100%{box-shadow:10px 10px 10px #333;-webkit-transform:scale(1,1);transform:scale(1,1)}}@-webkit-keyframes scroll-anim{from{letter-spacing:20px}to{letter-spacing:default}}@keyframes scroll-anim{from{letter-spacing:20px}to{letter-spacing:default}}@-webkit-keyframes share-anim{0%{top:600px}10%{visibility:visible}100%{top:default}}@keyframes share-anim{0%{top:600px}10%{visibility:visible}100%{top:default}}.about-a,.title{-webkit-animation:visible-anim 4s;animation:visible-anim 4s}@-webkit-keyframes visible-anim{0%{opacity:10%}50%{opacity:10%}90%{opacity:50%}100%{opacity:100%}}@keyframes visible-anim{0%{opacity:10%}50%{opacity:10%}90%{opacity:50%}100%{opacity:100%}}#mute-unmute-btn:hover{box-shadow:8px 8px 8px #0ff;-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}#mute-unmute-btn:active{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}#mute-unmute-btn{position:absolute;left:10px;z-index:3;text-align:center;background-image:url(../images/button-bg.jpg);box-shadow:10px 10px 10px #333;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-animation:spin 10s ease-in-out;animation:spin 10s ease-in-out;top:13px;width:20px;height:20px;line-height:20px;border:5px solid #fff;border-radius:20px;padding:5px;font-size:120%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-filter:brightness(100%);filter:brightness(100%)}1%,23%{-webkit-filter:brightness(200%);filter:brightness(200%)}2%,22%,24%{-webkit-filter:brightness(100%);filter:brightness(100%)}3%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}13%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}15%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}17%{-webkit-transform:rotate(390deg);transform:rotate(390deg)}19%{-webkit-transform:rotate(340deg);transform:rotate(340deg)}100%,21%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-filter:brightness(100%);filter:brightness(100%)}1%,23%{-webkit-filter:brightness(200%);filter:brightness(200%)}2%,22%,24%{-webkit-filter:brightness(100%);filter:brightness(100%)}3%{-webkit-transform:rotate(0);transform:rotate(0)}7%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}13%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}15%{-webkit-transform:rotate(320deg);transform:rotate(320deg)}17%{-webkit-transform:rotate(390deg);transform:rotate(390deg)}19%{-webkit-transform:rotate(340deg);transform:rotate(340deg)}100%,21%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#tooltip{position:fixed;z-index:5;color:#fff;padding:10px 35px 10px 35px;font-family:'Open Sans',sans-serif;display:none;background-image:url(../images/tooltip-bg.png);background-size:100% 100%}