@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);body,html{margin:0;padding:0;width:100%;height:100%;background-color:#fff;font-family:'Open Sans',sans-serif;font-size:24px;color:#fff;font-weight:300;overflow:hidden}canvas{position:absolute;width:100%;height:100%;z-index:0}.main-container{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.plus{position:absolute;width:64px;height:64px;background-image:url(../img/textures/plus.png);pointer-events:none}.circle{position:absolute;width:64px;height:64px;background-image:url(../img/textures/circle.png);pointer-events:none}.x{position:absolute;width:64px;height:64px;background-image:url(../img/textures/x.png);pointer-events:none}.tl{top:30px;left:30px}.tr{top:30px;right:30px}.bl{bottom:30px;left:30px}.br{bottom:30px;right:30px}.c{top:50%;left:50%;margin:-32px 0 0 -32px}.animate{-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-o-transition:all .35s ease-out;-ms-transition:all .35s ease-out;transition:all .35s ease-out}.valign{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.overlay{position:absolute;width:100%;height:100%;background-color:#000;z-index:100;text-align:center;pointer-events:none}