@-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(1.334em) translateZ(0); -ms-transform: translateY(1.334em) translateZ(0); transform: translateY(1.334em) translateZ(0); } 100% { opacity: 1; } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(1.334em) translateZ(0); -ms-transform: translateY(1.334em) translateZ(0); transform: translateY(1.334em) translateZ(0); } 100% { opacity: 1; } } @-o-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(1.334em) translateZ(0); -ms-transform: translateY(1.334em) translateZ(0); transform: translateY(1.334em) translateZ(0); } 100% { opacity: 1; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(1.334em) translateZ(0); -ms-transform: translateY(1.334em) translateZ(0); transform: translateY(1.334em) translateZ(0); } 100% { opacity: 1; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.334em) translateZ(0); -ms-transform: translateY(-1.334em) translateZ(0); transform: translateY(-1.334em) translateZ(0); } 100% { opacity: 1; } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.334em) translateZ(0); -ms-transform: translateY(-1.334em) translateZ(0); transform: translateY(-1.334em) translateZ(0); } 100% { opacity: 1; } } @-o-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.334em) translateZ(0); -ms-transform: translateY(-1.334em) translateZ(0); transform: translateY(-1.334em) translateZ(0); } 100% { opacity: 1; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-1.334em) translateZ(0); -ms-transform: translateY(-1.334em) translateZ(0); transform: translateY(-1.334em) translateZ(0); } 100% { opacity: 1; } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 1; } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 1; } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 1; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 1; } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 1; } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 1; } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 1; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 1; } } @-webkit-keyframes fadeInZoom { 0% { opacity: 0; -webkit-transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes fadeInZoom { 0% { opacity: 0; -webkit-transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes fadeInZoom { 0% { opacity: 0; -webkit-transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes fadeInZoom { 0% { opacity: 0; -webkit-transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fadeInZoomBig { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes fadeInZoomBig { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes fadeInZoomBig { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes fadeInZoomBig { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-13.34em) translateZ(0); -ms-transform: translateX(-13.34em) translateZ(0); transform: translateX(-13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(1.334em); -ms-transform: translateX(1.334em); transform: translateX(1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-13.34em) translateZ(0); -ms-transform: translateX(-13.34em) translateZ(0); transform: translateX(-13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(1.334em); -ms-transform: translateX(1.334em); transform: translateX(1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-13.34em) translateZ(0); -ms-transform: translateX(-13.34em) translateZ(0); transform: translateX(-13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(1.334em); -ms-transform: translateX(1.334em); transform: translateX(1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-13.34em) translateZ(0); -ms-transform: translateX(-13.34em) translateZ(0); transform: translateX(-13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(1.334em); -ms-transform: translateX(1.334em); transform: translateX(1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(13.34em) translateZ(0); -ms-transform: translateX(13.34em) translateZ(0); transform: translateX(13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(-1.334em); -ms-transform: translateX(-1.334em); transform: translateX(-1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(13.34em) translateZ(0); -ms-transform: translateX(13.34em) translateZ(0); transform: translateX(13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(-1.334em); -ms-transform: translateX(-1.334em); transform: translateX(-1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(13.34em) translateZ(0); -ms-transform: translateX(13.34em) translateZ(0); transform: translateX(13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(-1.334em); -ms-transform: translateX(-1.334em); transform: translateX(-1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(13.34em) translateZ(0); -ms-transform: translateX(13.34em) translateZ(0); transform: translateX(13.34em) translateZ(0); } 65% { opacity: 1; -webkit-transform: translateX(-1.334em); -ms-transform: translateX(-1.334em); transform: translateX(-1.334em); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes dropIn { 0% { opacity: 0; -webkit-transform: translateY(-10em) rotate(0) translateZ(0); -ms-transform: translateY(-10em) rotate(0) translateZ(0); transform: translateY(-10em) rotate(0) translateZ(0); } 10% { -webkit-transform: translateY(-10em) rotate(-40deg); -ms-transform: translateY(-10em) rotate(-40deg); transform: translateY(-10em) rotate(-40deg); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @-moz-keyframes dropIn { 0% { opacity: 0; -webkit-transform: translateY(-10em) rotate(0) translateZ(0); -ms-transform: translateY(-10em) rotate(0) translateZ(0); transform: translateY(-10em) rotate(0) translateZ(0); } 10% { -webkit-transform: translateY(-10em) rotate(-40deg); -ms-transform: translateY(-10em) rotate(-40deg); transform: translateY(-10em) rotate(-40deg); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @-o-keyframes dropIn { 0% { opacity: 0; -webkit-transform: translateY(-10em) rotate(0) translateZ(0); -ms-transform: translateY(-10em) rotate(0) translateZ(0); transform: translateY(-10em) rotate(0) translateZ(0); } 10% { -webkit-transform: translateY(-10em) rotate(-40deg); -ms-transform: translateY(-10em) rotate(-40deg); transform: translateY(-10em) rotate(-40deg); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @keyframes dropIn { 0% { opacity: 0; -webkit-transform: translateY(-10em) rotate(0) translateZ(0); -ms-transform: translateY(-10em) rotate(0) translateZ(0); transform: translateY(-10em) rotate(0) translateZ(0); } 10% { -webkit-transform: translateY(-10em) rotate(-40deg); -ms-transform: translateY(-10em) rotate(-40deg); transform: translateY(-10em) rotate(-40deg); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @-webkit-keyframes riseIn { 0% { opacity: 0; -webkit-transform: translateY(10em) translateZ(0); -ms-transform: translateY(10em) translateZ(0); transform: translateY(10em) translateZ(0); } 50% { opacity: 1; } } @-moz-keyframes riseIn { 0% { opacity: 0; -webkit-transform: translateY(10em) translateZ(0); -ms-transform: translateY(10em) translateZ(0); transform: translateY(10em) translateZ(0); } 50% { opacity: 1; } } @-o-keyframes riseIn { 0% { opacity: 0; -webkit-transform: translateY(10em) translateZ(0); -ms-transform: translateY(10em) translateZ(0); transform: translateY(10em) translateZ(0); } 50% { opacity: 1; } } @keyframes riseIn { 0% { opacity: 0; -webkit-transform: translateY(10em) translateZ(0); -ms-transform: translateY(10em) translateZ(0); transform: translateY(10em) translateZ(0); } 50% { opacity: 1; } } @-webkit-keyframes popIn { 0% { -webkit-transform: scale(0.25) translateZ(0); -ms-transform: scale(0.25) translateZ(0); transform: scale(0.25) translateZ(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes popIn { 0% { -webkit-transform: scale(0.25) translateZ(0); -ms-transform: scale(0.25) translateZ(0); transform: scale(0.25) translateZ(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes popIn { 0% { -webkit-transform: scale(0.25) translateZ(0); -ms-transform: scale(0.25) translateZ(0); transform: scale(0.25) translateZ(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes popIn { 0% { -webkit-transform: scale(0.25) translateZ(0); -ms-transform: scale(0.25) translateZ(0); transform: scale(0.25) translateZ(0); opacity: 0; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes turnInDown { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @-moz-keyframes turnInDown { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @-o-keyframes turnInDown { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @keyframes turnInDown { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @-webkit-keyframes turnInUp { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @-moz-keyframes turnInUp { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @-o-keyframes turnInUp { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @keyframes turnInUp { 0% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } 100% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } } @-webkit-keyframes stretch { 0% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 40% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 60% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 100% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.02375); -ms-transform: scaleY(1.02375); transform: scaleY(1.02375); } 100% { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @-moz-keyframes stretch { 0% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 40% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 60% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 100% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.02375); -ms-transform: scaleY(1.02375); transform: scaleY(1.02375); } 100% { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @-o-keyframes stretch { 0% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 40% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 60% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 100% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.02375); -ms-transform: scaleY(1.02375); transform: scaleY(1.02375); } 100% { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @keyframes stretch { 0% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } 40% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 60% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 100% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 80% { -webkit-transform: scaleY(1.02375); -ms-transform: scaleY(1.02375); transform: scaleY(1.02375); } 100% { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes newspaper { 0% { opacity: 0; -webkit-transform: rotate(720deg) scale(0.33) translateZ(0); -ms-transform: rotate(720deg) scale(0.33) translateZ(0); transform: rotate(720deg) scale(0.33) translateZ(0); } 100% { opacity: 1; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-moz-keyframes newspaper { 0% { opacity: 0; -webkit-transform: rotate(720deg) scale(0.33) translateZ(0); -ms-transform: rotate(720deg) scale(0.33) translateZ(0); transform: rotate(720deg) scale(0.33) translateZ(0); } 100% { opacity: 1; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-o-keyframes newspaper { 0% { opacity: 0; -webkit-transform: rotate(720deg) scale(0.33) translateZ(0); -ms-transform: rotate(720deg) scale(0.33) translateZ(0); transform: rotate(720deg) scale(0.33) translateZ(0); } 100% { opacity: 1; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @keyframes newspaper { 0% { opacity: 0; -webkit-transform: rotate(720deg) scale(0.33) translateZ(0); -ms-transform: rotate(720deg) scale(0.33) translateZ(0); transform: rotate(720deg) scale(0.33) translateZ(0); } 100% { opacity: 1; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(1.334em); -ms-transform: translateY(1.334em); transform: translateY(1.334em); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(1.334em); -ms-transform: translateY(1.334em); transform: translateY(1.334em); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(1.334em); -ms-transform: translateY(1.334em); transform: translateY(1.334em); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(1.334em); -ms-transform: translateY(1.334em); transform: translateY(1.334em); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-1.334em); -ms-transform: translateY(-1.334em); transform: translateY(-1.334em); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-1.334em); -ms-transform: translateY(-1.334em); transform: translateY(-1.334em); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-1.334em); -ms-transform: translateY(-1.334em); transform: translateY(-1.334em); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-1.334em); -ms-transform: translateY(-1.334em); transform: translateY(-1.334em); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } } @-webkit-keyframes fadeOutZoom { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @-moz-keyframes fadeOutZoom { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @-o-keyframes fadeOutZoom { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @keyframes fadeOutZoom { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @-webkit-keyframes fadeOutZoomBig { 0% { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 40% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 60% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @-moz-keyframes fadeOutZoomBig { 0% { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 40% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 60% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @-o-keyframes fadeOutZoomBig { 0% { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 40% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 60% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @keyframes fadeOutZoomBig { 0% { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 40% { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } 60% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } } @-webkit-keyframes slideOutLeft { 35% { opacity: 1; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(-13.34em); -ms-transform: translateX(-13.34em); transform: translateX(-13.34em); } } @-moz-keyframes slideOutLeft { 35% { opacity: 1; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(-13.34em); -ms-transform: translateX(-13.34em); transform: translateX(-13.34em); } } @-o-keyframes slideOutLeft { 35% { opacity: 1; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(-13.34em); -ms-transform: translateX(-13.34em); transform: translateX(-13.34em); } } @keyframes slideOutLeft { 35% { opacity: 1; -webkit-transform: translateX(1.334em) translateZ(0); -ms-transform: translateX(1.334em) translateZ(0); transform: translateX(1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(-13.34em); -ms-transform: translateX(-13.34em); transform: translateX(-13.34em); } } @-webkit-keyframes slideOutRight { 35% { opacity: 1; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(13.34em); -ms-transform: translateX(13.34em); transform: translateX(13.34em); } } @-moz-keyframes slideOutRight { 35% { opacity: 1; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(13.34em); -ms-transform: translateX(13.34em); transform: translateX(13.34em); } } @-o-keyframes slideOutRight { 35% { opacity: 1; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(13.34em); -ms-transform: translateX(13.34em); transform: translateX(13.34em); } } @keyframes slideOutRight { 35% { opacity: 1; -webkit-transform: translateX(-1.334em) translateZ(0); -ms-transform: translateX(-1.334em) translateZ(0); transform: translateX(-1.334em) translateZ(0); } 100% { opacity: 0; -webkit-transform: translateX(13.34em); -ms-transform: translateX(13.34em); transform: translateX(13.34em); } } @-webkit-keyframes explode { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(5); -ms-transform: scale(5); transform: scale(5); } } @-moz-keyframes explode { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(5); -ms-transform: scale(5); transform: scale(5); } } @-o-keyframes explode { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(5); -ms-transform: scale(5); transform: scale(5); } } @keyframes explode { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: scale(5); -ms-transform: scale(5); transform: scale(5); } } @-webkit-keyframes dropOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(10em) rotate(-40deg); -ms-transform: translateY(10em) rotate(-40deg); transform: translateY(10em) rotate(-40deg); } } @-moz-keyframes dropOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(10em) rotate(-40deg); -ms-transform: translateY(10em) rotate(-40deg); transform: translateY(10em) rotate(-40deg); } } @-o-keyframes dropOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(10em) rotate(-40deg); -ms-transform: translateY(10em) rotate(-40deg); transform: translateY(10em) rotate(-40deg); } } @keyframes dropOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(10em) rotate(-40deg); -ms-transform: translateY(10em) rotate(-40deg); transform: translateY(10em) rotate(-40deg); } } @-webkit-keyframes riseOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-10em); -ms-transform: translateY(-10em); transform: translateY(-10em); } } @-moz-keyframes riseOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-10em); -ms-transform: translateY(-10em); transform: translateY(-10em); } } @-o-keyframes riseOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-10em); -ms-transform: translateY(-10em); transform: translateY(-10em); } } @keyframes riseOut { 0% { opacity: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateY(-10em); -ms-transform: translateY(-10em); transform: translateY(-10em); } } @-webkit-keyframes poof { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); } 100% { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-filter: blur(40px); } } @-moz-keyframes poof { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); } 100% { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-filter: blur(40px); } } @-o-keyframes poof { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); } 100% { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-filter: blur(40px); } } @keyframes poof { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); } 100% { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-filter: blur(40px); } } @-webkit-keyframes turnOutDown { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } } @-moz-keyframes turnOutDown { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } } @-o-keyframes turnOutDown { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } } @keyframes turnOutDown { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(-225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(-225deg) translateZ(150px); transform: perspective(500px) rotateX(-225deg) translateZ(150px); } } @-webkit-keyframes turnOutUp { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } } @-moz-keyframes turnOutUp { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } } @-o-keyframes turnOutUp { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } } @keyframes turnOutUp { 0% { opacity: 1; -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0); -ms-transform: perspective(800px) rotateX(0deg) translateZ(0); transform: perspective(800px) rotateX(0deg) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { opacity: 0; -webkit-transform: perspective(500px) rotateX(225deg) translateZ(150px); -ms-transform: perspective(500px) rotateX(225deg) translateZ(150px); transform: perspective(500px) rotateX(225deg) translateZ(150px); } } @-webkit-keyframes compress { 0% { -webkit-transform: scaleY(1) translateZ(0); -ms-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } 30% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 50% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 100% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } } @-moz-keyframes compress { 0% { -webkit-transform: scaleY(1) translateZ(0); -ms-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } 30% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 50% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 100% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } } @-o-keyframes compress { 0% { -webkit-transform: scaleY(1) translateZ(0); -ms-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } 30% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 50% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 100% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } } @keyframes compress { 0% { -webkit-transform: scaleY(1) translateZ(0); -ms-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } 30% { -webkit-transform: scaleY(1.05); -ms-transform: scaleY(1.05); transform: scaleY(1.05); } 50% { -webkit-transform: scaleY(0.97125); -ms-transform: scaleY(0.97125); transform: scaleY(0.97125); } 100% { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes float { 0%, 50%, 100% { -webkit-transform: translateY(-0.25em) translateZ(0); -ms-transform: translateY(-0.25em) translateZ(0); transform: translateY(-0.25em) translateZ(0); } 25% { -webkit-transform: translateY(0.25em) rotate(1deg); -ms-transform: translateY(0.25em) rotate(1deg); transform: translateY(0.25em) rotate(1deg); } 75% { -webkit-transform: translateY(0.25em) rotate(-1deg); -ms-transform: translateY(0.25em) rotate(-1deg); transform: translateY(0.25em) rotate(-1deg); } } @-moz-keyframes float { 0%, 50%, 100% { -webkit-transform: translateY(-0.25em) translateZ(0); -ms-transform: translateY(-0.25em) translateZ(0); transform: translateY(-0.25em) translateZ(0); } 25% { -webkit-transform: translateY(0.25em) rotate(1deg); -ms-transform: translateY(0.25em) rotate(1deg); transform: translateY(0.25em) rotate(1deg); } 75% { -webkit-transform: translateY(0.25em) rotate(-1deg); -ms-transform: translateY(0.25em) rotate(-1deg); transform: translateY(0.25em) rotate(-1deg); } } @-o-keyframes float { 0%, 50%, 100% { -webkit-transform: translateY(-0.25em) translateZ(0); -ms-transform: translateY(-0.25em) translateZ(0); transform: translateY(-0.25em) translateZ(0); } 25% { -webkit-transform: translateY(0.25em) rotate(1deg); -ms-transform: translateY(0.25em) rotate(1deg); transform: translateY(0.25em) rotate(1deg); } 75% { -webkit-transform: translateY(0.25em) rotate(-1deg); -ms-transform: translateY(0.25em) rotate(-1deg); transform: translateY(0.25em) rotate(-1deg); } } @keyframes float { 0%, 50%, 100% { -webkit-transform: translateY(-0.25em) translateZ(0); -ms-transform: translateY(-0.25em) translateZ(0); transform: translateY(-0.25em) translateZ(0); } 25% { -webkit-transform: translateY(0.25em) rotate(1deg); -ms-transform: translateY(0.25em) rotate(1deg); transform: translateY(0.25em) rotate(1deg); } 75% { -webkit-transform: translateY(0.25em) rotate(-1deg); -ms-transform: translateY(0.25em) rotate(-1deg); transform: translateY(0.25em) rotate(-1deg); } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } 15% { -webkit-transform: translateX(0.55em); -ms-transform: translateX(0.55em); transform: translateX(0.55em); } 35% { -webkit-transform: translateX(-0.55em); -ms-transform: translateX(-0.55em); transform: translateX(-0.55em); } 50% { -webkit-transform: translateX(0.275em); -ms-transform: translateX(0.275em); transform: translateX(0.275em); } 65% { -webkit-transform: translateX(-0.275em); -ms-transform: translateX(-0.275em); transform: translateX(-0.275em); } 85% { -webkit-transform: translateX(0.1833333333em); -ms-transform: translateX(0.1833333333em); transform: translateX(0.1833333333em); } } @-moz-keyframes shake { 0%, 100% { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } 15% { -webkit-transform: translateX(0.55em); -ms-transform: translateX(0.55em); transform: translateX(0.55em); } 35% { -webkit-transform: translateX(-0.55em); -ms-transform: translateX(-0.55em); transform: translateX(-0.55em); } 50% { -webkit-transform: translateX(0.275em); -ms-transform: translateX(0.275em); transform: translateX(0.275em); } 65% { -webkit-transform: translateX(-0.275em); -ms-transform: translateX(-0.275em); transform: translateX(-0.275em); } 85% { -webkit-transform: translateX(0.1833333333em); -ms-transform: translateX(0.1833333333em); transform: translateX(0.1833333333em); } } @-o-keyframes shake { 0%, 100% { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } 15% { -webkit-transform: translateX(0.55em); -ms-transform: translateX(0.55em); transform: translateX(0.55em); } 35% { -webkit-transform: translateX(-0.55em); -ms-transform: translateX(-0.55em); transform: translateX(-0.55em); } 50% { -webkit-transform: translateX(0.275em); -ms-transform: translateX(0.275em); transform: translateX(0.275em); } 65% { -webkit-transform: translateX(-0.275em); -ms-transform: translateX(-0.275em); transform: translateX(-0.275em); } 85% { -webkit-transform: translateX(0.1833333333em); -ms-transform: translateX(0.1833333333em); transform: translateX(0.1833333333em); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } 15% { -webkit-transform: translateX(0.55em); -ms-transform: translateX(0.55em); transform: translateX(0.55em); } 35% { -webkit-transform: translateX(-0.55em); -ms-transform: translateX(-0.55em); transform: translateX(-0.55em); } 50% { -webkit-transform: translateX(0.275em); -ms-transform: translateX(0.275em); transform: translateX(0.275em); } 65% { -webkit-transform: translateX(-0.275em); -ms-transform: translateX(-0.275em); transform: translateX(-0.275em); } 85% { -webkit-transform: translateX(0.1833333333em); -ms-transform: translateX(0.1833333333em); transform: translateX(0.1833333333em); } } @-webkit-keyframes teeter { 0%, 100% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 15% { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } 30% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 45% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 60% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 73% { -webkit-transform: rotate(3.3333333333deg); -ms-transform: rotate(3.3333333333deg); transform: rotate(3.3333333333deg); } 86% { -webkit-transform: rotate(-3.3333333333deg); -ms-transform: rotate(-3.3333333333deg); transform: rotate(-3.3333333333deg); } } @-moz-keyframes teeter { 0%, 100% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 15% { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } 30% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 45% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 60% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 73% { -webkit-transform: rotate(3.3333333333deg); -ms-transform: rotate(3.3333333333deg); transform: rotate(3.3333333333deg); } 86% { -webkit-transform: rotate(-3.3333333333deg); -ms-transform: rotate(-3.3333333333deg); transform: rotate(-3.3333333333deg); } } @-o-keyframes teeter { 0%, 100% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 15% { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } 30% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 45% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 60% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 73% { -webkit-transform: rotate(3.3333333333deg); -ms-transform: rotate(3.3333333333deg); transform: rotate(3.3333333333deg); } 86% { -webkit-transform: rotate(-3.3333333333deg); -ms-transform: rotate(-3.3333333333deg); transform: rotate(-3.3333333333deg); } } @keyframes teeter { 0%, 100% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 15% { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } 30% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 45% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 60% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 73% { -webkit-transform: rotate(3.3333333333deg); -ms-transform: rotate(3.3333333333deg); transform: rotate(3.3333333333deg); } 86% { -webkit-transform: rotate(-3.3333333333deg); -ms-transform: rotate(-3.3333333333deg); transform: rotate(-3.3333333333deg); } } @-webkit-keyframes quiver { 0% { -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg); -ms-transform: translate3d(2px, 1px, 0) rotate(0deg); transform: translate3d(2px, 1px, 0) rotate(0deg); } 10% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg); transform: translate3d(-1px, 2px, 0) rotate(2deg); } 20% { -webkit-transform: translate3d(-3px, 0) rotate(-2deg); -ms-transform: translate3d(-3px, 0) rotate(-2deg); transform: translate3d(-3px, 0) rotate(-2deg); } 30% { -webkit-transform: translate3d(0, 2px, 0) rotate(0deg); -ms-transform: translate3d(0, 2px, 0) rotate(0deg); transform: translate3d(0, 2px, 0) rotate(0deg); } 40% { -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg); -ms-transform: translate3d(1px, -1px, 0) rotate(2deg); transform: translate3d(1px, -1px, 0) rotate(2deg); } 50% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg); transform: translate3d(-1px, 2px, 0) rotate(-2deg); } 60% { -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg); -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg); transform: translate3d(-3px, 1px, 0) rotate(0deg); } 70% { -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg); -ms-transform: translate3d(2px, 1px, 0) rotate(2deg); transform: translate3d(2px, 1px, 0) rotate(2deg); } 80% { -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg); transform: translate3d(-1px, -1px, 0) rotate(-2deg); } 90% { -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg); -ms-transform: translate3d(2px, 2px, 0) rotate(0deg); transform: translate3d(2px, 2px, 0) rotate(0deg); } 100% { -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg); -ms-transform: translate3d(1px, -2px, 0) rotate(2deg); transform: translate3d(1px, -2px, 0) rotate(2deg); } } @-moz-keyframes quiver { 0% { -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg); -ms-transform: translate3d(2px, 1px, 0) rotate(0deg); transform: translate3d(2px, 1px, 0) rotate(0deg); } 10% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg); transform: translate3d(-1px, 2px, 0) rotate(2deg); } 20% { -webkit-transform: translate3d(-3px, 0) rotate(-2deg); -ms-transform: translate3d(-3px, 0) rotate(-2deg); transform: translate3d(-3px, 0) rotate(-2deg); } 30% { -webkit-transform: translate3d(0, 2px, 0) rotate(0deg); -ms-transform: translate3d(0, 2px, 0) rotate(0deg); transform: translate3d(0, 2px, 0) rotate(0deg); } 40% { -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg); -ms-transform: translate3d(1px, -1px, 0) rotate(2deg); transform: translate3d(1px, -1px, 0) rotate(2deg); } 50% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg); transform: translate3d(-1px, 2px, 0) rotate(-2deg); } 60% { -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg); -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg); transform: translate3d(-3px, 1px, 0) rotate(0deg); } 70% { -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg); -ms-transform: translate3d(2px, 1px, 0) rotate(2deg); transform: translate3d(2px, 1px, 0) rotate(2deg); } 80% { -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg); transform: translate3d(-1px, -1px, 0) rotate(-2deg); } 90% { -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg); -ms-transform: translate3d(2px, 2px, 0) rotate(0deg); transform: translate3d(2px, 2px, 0) rotate(0deg); } 100% { -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg); -ms-transform: translate3d(1px, -2px, 0) rotate(2deg); transform: translate3d(1px, -2px, 0) rotate(2deg); } } @-o-keyframes quiver { 0% { -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg); -ms-transform: translate3d(2px, 1px, 0) rotate(0deg); transform: translate3d(2px, 1px, 0) rotate(0deg); } 10% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg); transform: translate3d(-1px, 2px, 0) rotate(2deg); } 20% { -webkit-transform: translate3d(-3px, 0) rotate(-2deg); -ms-transform: translate3d(-3px, 0) rotate(-2deg); transform: translate3d(-3px, 0) rotate(-2deg); } 30% { -webkit-transform: translate3d(0, 2px, 0) rotate(0deg); -ms-transform: translate3d(0, 2px, 0) rotate(0deg); transform: translate3d(0, 2px, 0) rotate(0deg); } 40% { -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg); -ms-transform: translate3d(1px, -1px, 0) rotate(2deg); transform: translate3d(1px, -1px, 0) rotate(2deg); } 50% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg); transform: translate3d(-1px, 2px, 0) rotate(-2deg); } 60% { -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg); -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg); transform: translate3d(-3px, 1px, 0) rotate(0deg); } 70% { -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg); -ms-transform: translate3d(2px, 1px, 0) rotate(2deg); transform: translate3d(2px, 1px, 0) rotate(2deg); } 80% { -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg); transform: translate3d(-1px, -1px, 0) rotate(-2deg); } 90% { -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg); -ms-transform: translate3d(2px, 2px, 0) rotate(0deg); transform: translate3d(2px, 2px, 0) rotate(0deg); } 100% { -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg); -ms-transform: translate3d(1px, -2px, 0) rotate(2deg); transform: translate3d(1px, -2px, 0) rotate(2deg); } } @keyframes quiver { 0% { -webkit-transform: translate3d(2px, 1px, 0) rotate(0deg); -ms-transform: translate3d(2px, 1px, 0) rotate(0deg); transform: translate3d(2px, 1px, 0) rotate(0deg); } 10% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(2deg); transform: translate3d(-1px, 2px, 0) rotate(2deg); } 20% { -webkit-transform: translate3d(-3px, 0) rotate(-2deg); -ms-transform: translate3d(-3px, 0) rotate(-2deg); transform: translate3d(-3px, 0) rotate(-2deg); } 30% { -webkit-transform: translate3d(0, 2px, 0) rotate(0deg); -ms-transform: translate3d(0, 2px, 0) rotate(0deg); transform: translate3d(0, 2px, 0) rotate(0deg); } 40% { -webkit-transform: translate3d(1px, -1px, 0) rotate(2deg); -ms-transform: translate3d(1px, -1px, 0) rotate(2deg); transform: translate3d(1px, -1px, 0) rotate(2deg); } 50% { -webkit-transform: translate3d(-1px, 2px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, 2px, 0) rotate(-2deg); transform: translate3d(-1px, 2px, 0) rotate(-2deg); } 60% { -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg); -ms-transform: translate3d(-3px, 1px, 0) rotate(0deg); transform: translate3d(-3px, 1px, 0) rotate(0deg); } 70% { -webkit-transform: translate3d(2px, 1px, 0) rotate(2deg); -ms-transform: translate3d(2px, 1px, 0) rotate(2deg); transform: translate3d(2px, 1px, 0) rotate(2deg); } 80% { -webkit-transform: translate3d(-1px, -1px, 0) rotate(-2deg); -ms-transform: translate3d(-1px, -1px, 0) rotate(-2deg); transform: translate3d(-1px, -1px, 0) rotate(-2deg); } 90% { -webkit-transform: translate3d(2px, 2px, 0) rotate(0deg); -ms-transform: translate3d(2px, 2px, 0) rotate(0deg); transform: translate3d(2px, 2px, 0) rotate(0deg); } 100% { -webkit-transform: translate3d(1px, -2px, 0) rotate(2deg); -ms-transform: translate3d(1px, -2px, 0) rotate(2deg); transform: translate3d(1px, -2px, 0) rotate(2deg); } } @-webkit-keyframes sway { 0%, 50%, 100% { -webkit-transform: rotate(3deg) translateZ(0); -ms-transform: rotate(3deg) translateZ(0); transform: rotate(3deg) translateZ(0); } 25% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } } @-moz-keyframes sway { 0%, 50%, 100% { -webkit-transform: rotate(3deg) translateZ(0); -ms-transform: rotate(3deg) translateZ(0); transform: rotate(3deg) translateZ(0); } 25% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } } @-o-keyframes sway { 0%, 50%, 100% { -webkit-transform: rotate(3deg) translateZ(0); -ms-transform: rotate(3deg) translateZ(0); transform: rotate(3deg) translateZ(0); } 25% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } } @keyframes sway { 0%, 50%, 100% { -webkit-transform: rotate(3deg) translateZ(0); -ms-transform: rotate(3deg) translateZ(0); transform: rotate(3deg) translateZ(0); } 25% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } 75% { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 0% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg) translateZ(0); -ms-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes bounce { 0%, 85%, 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); } 25% { -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); } 35% { -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02); -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02); transform: translateY(0) scaleY(0.98) scaleX(1.02); } 50% { -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); } 60% { -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01); -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01); transform: translateY(0) scaleY(0.99) scaleX(1.01); } 75% { -webkit-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); transform: translateY(-0.05rem); } } @-moz-keyframes bounce { 0%, 85%, 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); } 25% { -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); } 35% { -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02); -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02); transform: translateY(0) scaleY(0.98) scaleX(1.02); } 50% { -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); } 60% { -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01); -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01); transform: translateY(0) scaleY(0.99) scaleX(1.01); } 75% { -webkit-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); transform: translateY(-0.05rem); } } @-o-keyframes bounce { 0%, 85%, 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); } 25% { -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); } 35% { -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02); -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02); transform: translateY(0) scaleY(0.98) scaleX(1.02); } 50% { -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); } 60% { -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01); -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01); transform: translateY(0) scaleY(0.99) scaleX(1.01); } 75% { -webkit-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); transform: translateY(-0.05rem); } } @keyframes bounce { 0%, 85%, 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); -ms-transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); transform: translateY(0) scaleY(1) scaleX(1) translateZ(0); } 25% { -webkit-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); -ms-transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); transform: translateY(-1.35rem) scaleY(1.02) scaleX(0.98); } 35% { -webkit-transform: translateY(0) scaleY(0.98) scaleX(1.02); -ms-transform: translateY(0) scaleY(0.98) scaleX(1.02); transform: translateY(0) scaleY(0.98) scaleX(1.02); } 50% { -webkit-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); -ms-transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); transform: translateY(-1rem) scaleY(1.01) scaleX(0.99); } 60% { -webkit-transform: translateY(0) scaleY(0.99) scaleX(1.01); -ms-transform: translateY(0) scaleY(0.99) scaleX(1.01); transform: translateY(0) scaleY(0.99) scaleX(1.01); } 75% { -webkit-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); transform: translateY(-0.05rem); } } @-webkit-keyframes pulsate { 0%, 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 50% { opacity: 0.85; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @-moz-keyframes pulsate { 0%, 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 50% { opacity: 0.85; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @-o-keyframes pulsate { 0%, 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 50% { opacity: 0.85; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulsate { 0%, 100% { opacity: 1; -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); } 50% { opacity: 0.85; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes aroundTheWorld { 0% { -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); } 100% { -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } } @-moz-keyframes aroundTheWorld { 0% { -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); } 100% { -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } } @-o-keyframes aroundTheWorld { 0% { -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); } 100% { -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } } @keyframes aroundTheWorld { 0% { -webkit-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); -ms-transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); transform: rotate(0deg) translate3d(-5em, -5em, 0) rotate(0deg); } 100% { -webkit-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); -ms-transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); transform: rotate(360deg) translate3d(-5em, -5em, 0) rotate(-360deg); } } @-webkit-keyframes ping { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } } @-moz-keyframes ping { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } } @-o-keyframes ping { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ping { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes squareDance { 0%, 100% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 25% { -webkit-transform: translate3d(100%, 100%, 0); -ms-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } 50% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes squareDance { 0%, 100% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 25% { -webkit-transform: translate3d(100%, 100%, 0); -ms-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } 50% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes squareDance { 0%, 100% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 25% { -webkit-transform: translate3d(100%, 100%, 0); -ms-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } 50% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes squareDance { 0%, 100% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 25% { -webkit-transform: translate3d(100%, 100%, 0); -ms-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } 50% { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 75% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes sunrise { 0% { -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg); -ms-transform: rotate(0deg) translate(-15em) rotate(0deg); transform: rotate(0deg) translate(-15em) rotate(0deg); } 100% { -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg); -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg); transform: rotate(180deg) translate(-15em) rotate(-180deg); } } @-moz-keyframes sunrise { 0% { -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg); -ms-transform: rotate(0deg) translate(-15em) rotate(0deg); transform: rotate(0deg) translate(-15em) rotate(0deg); } 100% { -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg); -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg); transform: rotate(180deg) translate(-15em) rotate(-180deg); } } @-o-keyframes sunrise { 0% { -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg); -ms-transform: rotate(0deg) translate(-15em) rotate(0deg); transform: rotate(0deg) translate(-15em) rotate(0deg); } 100% { -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg); -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg); transform: rotate(180deg) translate(-15em) rotate(-180deg); } } @keyframes sunrise { 0% { -webkit-transform: rotate(0deg) translate(-15em) rotate(0deg); -ms-transform: rotate(0deg) translate(-15em) rotate(0deg); transform: rotate(0deg) translate(-15em) rotate(0deg); } 100% { -webkit-transform: rotate(180deg) translate(-15em) rotate(-180deg); -ms-transform: rotate(180deg) translate(-15em) rotate(-180deg); transform: rotate(180deg) translate(-15em) rotate(-180deg); } } @font-face { font-family: 'londrina_solidregular'; src: url("fonts/londrina/LondrinaSolid-Regular-webfont.eot"); src: url("fonts/londrina/LondrinaSolid-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/londrina/LondrinaSolid-Regular-webfont.woff") format("woff"), url("fonts/londrina/LondrinaSolid-Regular-webfont.ttf") format("truetype"), url("fonts/londrina/LondrinaSolid-Regular-webfont.svg#londrina_solidregular") format("svg"); font-weight: normal; font-style: normal; } .strong { font-weight: bold; } h1, .headline-em, h2, h3, h4, .site-nav { font-family: Futura, "Trebuchet MS", Arial, sans-serif; } .headline-em { font-style: italic; } ul.fun { list-style: none; } ul.fun li { margin-left: 12px; } ul.fun li:before { content: "\0015E3"; color: #6998db; margin-right: 5px; } ul.fun li:nth-child(odd) { content: "\2022"; color: #fff; } ul.fun li:first-of-type { content: "\0015E7"; color: #f5d500; } .archive-link { margin-left: 10px; } /** Reset some basic elements */ body, h1, .headline-em, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; } /** Basic styling */ body { font: 400 18px/1.5 Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif; color: #111; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d230ef+0,8f0222+56,6b1124+100 */ background: #d230ef; /* Old browsers */ background: -moz-linear-gradient(top, #f10e69 0%, #8f0222 16%, #6b1124 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f10e69 0%, #8f0222 16%, #6b1124 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f10e69 0%, #8f0222 16%, #6b1124 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d230ef', endColorstr='#6b1124',GradientType=0 ); /* IE6-9 */ -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; } /** Set `margin-bottom` to maintain vertical rhythm */ h1, .headline-em, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 15px; } /** Images */ img { max-width: 100%; vertical-align: middle; } /** Figures */ figure > img { display: block; } figcaption { font-size: 15.75px; } /** Lists */ ul, ol { margin-left: 30px; } li > ul, li > ol { margin-bottom: 0; } /** Headings */ h1, .headline-em, h2, h3, h4, h5, h6 { font-weight: 400; } /** Links */ a { color: #2a7ae2; text-decoration: none; } a:visited { color: #1756a9; } a:hover { color: #111; text-decoration: underline; } /** Blockquotes */ blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; } blockquote > :last-child { margin-bottom: 0; } /** Code formatting */ pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; } code { padding: 1px 5px; } pre { padding: 8px 12px; overflow-x: auto; } pre > code { border: 0; padding-right: 0; padding-left: 0; } /** Wrapper */ .wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; } @media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } } /** Clearfix */ .footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; } /** Icons */ .icon > svg { display: inline-block; vertical-align: middle; } .icon > svg path { fill: #828282; } body { background-color: #63052d; color: #fad40d; } .button { background: #fad40d; border-radius: 4px; padding: 10px; margin: 10px; display: inline-block; box-shadow: 0px 5px 0px 0px #9e8503; text-align: center; align-self: center; font-family: Futura, "Trebuchet MS", Arial, sans-serif; color: #63052d; font-size: 30px; line-height: normal; } .button:hover { background: #dab804; transition: all 0.3s ease; box-shadow: 0px 0px 0px 0px #9e8503; } .button:active { background: #857003; } .button:hover { text-decoration: none; } .site-nav { line-height: 50px; background-color: #111; border-radius: 4px; box-sizing: border-box; width: 98%; margin-left: auto; margin-right: auto; box-sizing: border-box; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: row; align-content: center; justify-content: space-around; } .site-nav a { color: #fad40d; } .site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .site-nav ul ul { flex-direction: column; display: none; } .site-nav ul li { display: block; padding: 0 20px; } .site-nav ul li:hover ul { display: block; position: absolute; z-index: 100; background-color: #111; border-radius: 4px; } @media screen and (max-width: 600px) { .site-nav { line-height: normal; font-size: 21.6px; } .site-nav ul { flex-direction: column; align-items: flex-start; text-align: left; } .site-nav ul ul { display: block; position: relative; padding-left: 15px; } .site-nav ul li { padding: 10px; } .site-nav ul li:hover ul { position: relative; background-color: transparent; border: none; } } body.attend .page-link.attend, body.awards .page-link.awards, body.schedule .page-link.schedule, body.gamemaking-frenzy .page-link.gamemaking-frenzy, body.games .page-link.games, body.news .page-link.news, body.safespace .page-link.safespace, body.starcade .page-link.starcade, body.submit .page-link.submit { color: #fff; text-decoration: underline; } /** Site header */ .site-header h1, .site-header .headline-em, .site-header h2, .site-header h3, .site-header h4 { font-family: "londrina_solidregular"; } .home-header-wrapper { display: flex; } .home-header-wrapper .title-block { flex: 1; text-align: center; } @media screen and (max-width: 600px) { .home-header-wrapper .title-block h1, .home-header-wrapper .title-block .headline-em { margin-bottom: 0; } } a.site-title { font-size: 100px; text-shadow: 0px 3px 0px #282828; margin-bottom: auto; line-height: normal; padding: 5px; color: #fad40d; text-transform: uppercase; } a.site-title:hover { text-decoration: none; color: #fad40d; } @media screen and (max-width: 600px) { a.site-title { font-size: 46px; line-height: normal; } } .date, .location { text-align: center; width: 20%; padding-top: 35px; box-sizing: border-box; } @media screen and (max-width: 600px) { .date, .location { display: none; } } .date h3 { margin-bottom: auto; } .location { font-size: 28px; } .location h2 { margin-bottom: auto; } /** Site footer */ .site-footer { background-color: #4b0422; border-top: 1px solid #e8e8e8; padding: 10px 0; color: #c5a79e; font-size: 13px; font-family: Futura, "Trebuchet MS", Arial, sans-serif; } .site-footer a { color: #fad40d; } .site-footer a:hover { color: #d0af04; text-decoration: none; } .footer-heading { font-size: 18px; margin-bottom: 15px; } .contact-list, .social-media-list { list-style: none; margin-left: 0; } .social { display: flex; flex-direction: row; } .social span { justify-content: space-around; margin-right: 20px; } .footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; } .index .bx-pager { display: none; } .bx-controls { display: none; } .bx-wrapper { position: relative; margin-bottom: 10px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .photo-gallery { margin: 0; padding: 0; } ul.photo-gallery { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } .bx-wrapper, .bx-viewport { max-height: 900px; } /** THEME ===================================*/ .bx-wrapper { border: 5px solid #ebe1de; border-top-left-radius: 4px; border-top-right-radius: 4px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("images/bx_loader.gif") center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url("images/controls.png") no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url("images/controls.png") no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("images/controls.png") -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("images/controls.png") -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .pagination { text-align: center; margin: 10px; } .col { float: left; margin-bottom: 15px; padding-left: 15px; } .col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); } .col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); } .col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); } .col-4 { width: -webkit-calc(65% - (30px / 2)); width: calc(65% - (30px / 2)); } @media screen and (max-width: 800px) { .col-1, .col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } .col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } } @media screen and (max-width: 600px) { .col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } } /** Page content */ body { display: flex; min-height: 100vh; flex-direction: column; } body main { flex: 1; } body.index main { display: flex; } body.index main .container { align-self: center; } .page-content .container { margin: 10px auto; width: 100%; background-color: #ebe1de; color: #111; max-width: 1000px; border-radius: 4px; box-sizing: border-box; } .page-content .container p { padding: 10px; } .page-content .container header { background-color: #d8c4be; border-top-right-radius: 4px; border-top-left-radius: 4px; padding: 5px; margin-bottom: 10px; } .page-content .container header h1, .page-content .container header .headline-em { line-height: normal; color: #63052d; margin-bottom: 0; margin-left: 5px; } .awards .page-content .container, .games .page-content .container, .games-archive .page-content .container { background-color: inherit; color: #ebe1de; } .awards .page-content .container header, .games .page-content .container header, .games-archive .page-content .container header { display: none; } .awards .page-content .container a, .games .page-content .container a, .games-archive .page-content .container a { color: #fad40d; } .awards .page-content .container a:hover, .games .page-content .container a:hover, .games-archive .page-content .container a:hover { color: #ffd708; } .page-heading { font-size: 20px; } .post-list { margin-left: 0; list-style: none; } .post-list > li { margin-bottom: 30px; } .post-meta { font-size: 15.75px; color: #828282; } .post-link { display: block; font-size: 24px; } .game img { border-radius: 3px; } /** Posts */ .post-header { margin-bottom: 30px; } .post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; } @media screen and (max-width: 800px) { .post-title { font-size: 36px; } } .post-content { margin-bottom: 30px; } .post-content h2 { font-size: 32px; } @media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } } .post-content h3 { font-size: 26px; } @media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } } .post-content h4 { font-size: 20px; } @media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } } .flex { display: flex; } .row { flex-direction: row; } .center { text-align: center; } .right { float: right; } .left { float: left; } body.games .page-content .container, body.awards .page-content .container, body.games-archive .page-content .container { max-width: none; width: 100%; padding: 30px; margin-left: auto; margin-right: auto; box-sizing: border-box; } @media screen and (max-width: 600px) { body.games .page-content .container, body.awards .page-content .container, body.games-archive .page-content .container { padding: 5px; } } body.games .wrapper, body.awards .wrapper, body.games-archive .wrapper { max-width: none; } .game-grid { display: flex; list-style: none; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-content: center; margin-left: auto; margin-right: auto; box-sizing: border-box; } .game-grid .game { min-width: 300px; flex: 1; height: 215px; padding: 4px; display: block; border-radius: 4px; background-color: #ebe1de; margin: 10px; } @media screen and (max-width: 800px) { .game-grid .game { width: auto; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 10px; box-sizing: border-box; } } .game-grid .game .image-container { height: 190px; overflow: hidden; position: relative; background-color: #111; } .game-grid .game .image-container a:hover { text-decoration: none; } .game-grid .game img { display: block; min-height: 170px; width: 100%; margin-top: 30px; -ms-interpolation-mode: bicubic; } .game-grid .game:hover { text-decoration: none; } .game-grid .game .game-title { line-height: normal; top: 0px; display: inline-block; position: absolute; background-color: #111; width: 100%; color: #fbdd3f; font-size: 18px; text-shadow: 0px 1px 6px #000048; padding: 8px; box-sizing: border-box; } .game-grid .game .game-title.spotlight { background-color: #4b0559; } .game-grid .game .game-developer { color: #111; width: 300px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.awards .post-title { display: none; } body.awards .page-content .container { max-width: 800px; width: 100%; padding: 30px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 600px) { body.awards .page-content .container { padding: 5px; } } .game-page img { margin-left: auto; margin-right: auto; } .game-page .wrapper { padding-left: 30px; padding-right: 30px; padding-bottom: 18px; } .game-page .video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; } .game-page .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .announce { text-align: center; color: #4b0559; text-shadow: 0px 3px 2px rgba(150, 150, 150, 0.58); } body.schedule .page-content .logo-splash { height: 360px; margin-left: auto; margin-right: auto; } body.schedule .page-content .headline-em { text-align: center; } .wrapper { max-width: none; padding-left: 0; padding-right: 0; } .calendar { list-style: none; margin-left: 0; } .calendar h3 { background-color: #b9d3cb; padding: 10px; text-align: center; margin-bottom: 0; } .calendar .event { padding-left: 30px; padding-right: 30px; min-height: 200px; display: flex; flex-flow: row wrap; background-color: #fefefe; margin-bottom: 10px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); } .calendar .event.featured { background-color: #f8c672; } .calendar .event .content { flex: 1; order: 1; min-width: 300px; margin: 10px; } @media screen and (max-width: 600px) { .calendar .event .content { order: 2; } } .calendar .event .thumbnail { min-height: 200px; width: 400px; min-width: 200px; order: 2; overflow: hidden; margin: 10px; } @media screen and (max-width: 600px) { .calendar .event .thumbnail { order: 1; } } .calendar .event .thumbnail img { border-radius: 4px; } .calendar .event:nth-child(odd) .thumbnail { order: 1; } .calendar .event:nth-child(odd) .content { order: 2; } body.safe-space-policy p { margin-bottom: 4px; } body.safe-space-policy .wrapper { max-width: 670px; } body.starcade iframe { margin-left: auto; margin-right: auto; display: block; } body.news .wrapper { max-width: 670px; } article.post { padding: 30px; } article.post img, article.post iframe { max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; display: block; align-self: center; } body.game-jam .newjam, body.game-jam h3 { text-align: center; font-size: 36px; font-family: "londrina_solidregular"; } body.game-jam .wrapper { padding-left: 10px; padding-right: 10px; } body.game-jam .here { border-radius: 4px; flex: 1; margin: 10px; } body.game-jam iframe { margin: 10px; } body.game-jam ul { list-style: none; } body.game-jam ul li { font-size: 20px; font-family: Futura, "Trebuchet MS", Arial, sans-serif; } body.index .page-content { padding: 10px; } body.index .container { max-width: 1800px; } body.index .bx-wrapper, body.index .bx-viewport { max-height: 60vh; } body.attend iframe { width: 60%; float: left; clear: none; margin: 10px; box-sizing: border-box; } body.attend .attend-list { padding: 10px; width: 30%; float: right; } @media screen and (max-width: 800px) { body.attend iframe { display: block; margin-left: 10px; margin-bottom: 10px; box-sizing: border-box; width: 100%; } body.attend .attend-list { padding: 10px; width: 100%; } } .sponsors .page-content .container { max-width: 1200px; } .sponsors .wrapper { text-align: center; } .sponsors img { box-sizing: border-box; margin: 30px; } .sponsors .one img { height: 300px; } .sponsors .two img { max-height: 250px; max-width: 300px; } .sponsors .three img { max-height: 150px; max-width: 250px; } .sponsors .four img { max-height: 150px; max-width: 230px; } .sponsors .five img { max-width: 200px; max-height: 100px; } ul.post-list li { max-width: 900px; margin-left: auto; margin-right: auto; padding: 20px; background-color: white; } body.games_yall h1, body.games_yall .headline-em { text-align: center; margin-top: 20px; } body.games_yall .wrapper { margin: auto; max-width: 600px; } body.games_yall .wrapper h2 { text-align: center; background-color: #fad40f; padding: 5px; border-radius: 5px; } /*# sourceMappingURL=main.css.map */