@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";*{padding:0;margin:0;font-family:Lato,sans-serif;overflow:hidden}.App{height:100vh;width:100vw}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes countdownAnim{0%{transform:scale(1.3);opacity:0}10%{opacity:1}60%{opacity:1}to{transform:scale(.6);opacity:0}}.clickableArea{display:grid;justify-content:center;align-items:center;margin:0;height:100vh;width:100vw}.clickableArea video{height:auto!important;width:100vw!important;min-height:100vh;object-fit:cover}.clickableArea .logo,.clickableArea .countdown,.clickableArea .imageCapture,.clickableArea .imageShowcase{grid-column:1;grid-row:1}.clickableArea .logo{width:30vw;height:30vw;z-index:2;content:url(/logo.png);position:absolute;opacity:.85;top:calc(50% - 15vw);left:calc(50% - 15vw);animation:pulse 2s ease-in-out infinite}.clickableArea .countdown{font-size:25vw;z-index:2;position:absolute;top:25%;left:calc(50% - 7.5vw);-webkit-text-stroke-width:10px;-webkit-text-stroke-color:#487290;font-family:Helvetica;background-color:#fff;background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;animation:countdownAnim 1s ease-in-out infinite}.clickableArea .flashlight{z-index:3;overflow:visible;position:absolute;width:200%;height:200%;background-color:#fff;opacity:0;transition:all .2s ease-in-out}.clickableArea .flashlight.show{opacity:1;transition:all 0s}.clickableArea .imageCapture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clickableArea .imageCapture.hide{display:none}.imageCapture img{width:100%;height:100%}