body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#767676}#root{-webkit-flex:1 1;flex:1 1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;text-align:center}.App .controls{position:relative;z-index:10;width:100vw;height:100vh}.App .controls .start-button{position:absolute;bottom:40px;left:40px;color:#fff;font-size:24px}.App .controls .start-message{position:absolute;top:42%;margin:0 30px;background-color:#bbb;padding:8px;border-radius:5px;font-size:16px;text-align:left;font-weight:700}.container{-webkit-flex-grow:1;flex-grow:1;position:relative;height:100%;width:100vw;overflow:hidden}.container video{position:absolute;top:0;left:0;height:100%;width:106vw}.target-container{position:relative;height:100vh}.target-container .target-image{height:60%;background-position:top;background-repeat:no-repeat;background-size:contain;margin:20px 20px 0}.target-container h1{font-family:Arial,Helvetica,sans-serif;font-size:1.6rem;background-color:#bbb;margin:0 37px;padding:10px 0}.target-container .restart-button{position:absolute;bottom:40px;left:40px;color:#fff;font-size:24px}.aperture{height:100%;display:grid;grid-template-rows:30% 20% 20% 30%;grid-template-columns:15% 70% 15%;grid-template-areas:"tt tt tt" "ll mt rr" "ll mb rr" "bb bb bb"}.aperture__tt{grid-area:tt}.aperture__ll,.aperture__tt{background-color:hsla(0,0%,60.8%,.77);z-index:1}.aperture__ll{grid-area:ll}.aperture__rr{grid-area:rr}.aperture__bb,.aperture__rr{background-color:hsla(0,0%,60.8%,.77);z-index:1}.aperture__bb{grid-area:bb}.aperture__mt{grid-area:mt}.aperture__mb,.aperture__mt{background-color:hsla(0,0%,60.8%,.77);z-index:1}.aperture__mb{grid-area:mb}.aperture__mb,.aperture__mt{-webkit-transform:scaleY(1);transform:scaleY(1);transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;background-color:transparent}.aperture__mt{-webkit-transform-origin:top;transform-origin:top}.aperture__mb{-webkit-transform-origin:bottom;transform-origin:bottom}.aperture--closed .aperture__mb,.aperture--closed .aperture__mt{-webkit-transform:scaleY(0);transform:scaleY(0)}
/*# sourceMappingURL=main.ca1c7ace.chunk.css.map */