*{box-sizing:border-box;font-family:Fira Sans,sans-serif;margin:0;padding:0}.App{background-color:#313131;min-height:100vh;position:relative}.blob{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:red;border-radius:50%;box-shadow:0 0 0 0 #e10000;height:20px;margin:10px;-webkit-transform:scale(1);transform:scale(1);width:20px}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(225,0,0,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(225,0,0,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(225,0,0,0);-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(225,0,0,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 10px rgba(225,0,0,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(225,0,0,0);-webkit-transform:scale(.95);transform:scale(.95)}}.camera{display:flex;justify-content:center;position:relative}.recording{display:none}.visualizer{background-color:#8a2be2;bottom:0;height:20%}.result,.visualizer{position:fixed;width:100%}.result{align-items:center;background-color:rgba(0,0,0,.9);display:flex;height:100%;left:100%;top:0;transition:.4s}.result.hasPhoto{left:0}a{color:#fff;font-size:40px;margin:20px}a:hover{color:blue;cursor:pointer}a:visited{color:red;cursor:pointer}video{with:100%;border-radius:20px;height:auto;margin-top:20 px}button{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#844fff 50%,#ff4f84);background-position:0;background-size:200%;border:none;border-radius:10px;bottom:20px;box-shadow:0 0 5px;color:#fff;cursor:pointer;display:inline;font-size:24px;font-weight:700;left:20px;margin:20px 5px 5px;outline:none;padding:8px 16px;position:absolute;transition:.4s}button.start{bottom:120px}button.start,button.stop{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#844fff 50%,#ff4f84);background-position:0;background-size:200%;border:none;border-radius:10px;box-shadow:0 0 5px;color:#fff;cursor:pointer;display:inline;font-size:24px;font-weight:700;left:20px;margin:5px;outline:none;padding:8px 16px;position:absolute;transition:.4s}button.stop{bottom:70px}button:hover{background-position:100%}canvas{height:auto;width:50%}
/*# sourceMappingURL=main.24f48a9f.css.map*/