.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.webcam{width:100%;height:300px}nav{font-size:medium;font-family:Georgia,"Times New Roman",Times,serif;font-size:30px;border-bottom:1px solid #efe2e2;padding:20px;font-weight:800;color:#fff;justify-content:space-between;align-items:center}.col,nav{display:flex}.row{width:50%;margin-left:20px;padding:20px;height:100vh}.col .row:first-child{border-right:1px solid #1b1a1a}body{background:#000;color:#fff}button{color:#fff;border:none;padding:20px;background-color:#2918d4;margin-left:10px;border:1px solid rgba(0,0,0,.32)}button:hover{border:1px solid rgba(200,12,12,.315);color:#fff}.buttongroup{display:flex;justify-content:center}.outputimage{width:400px}.outputimagegroup{margin-top:0}@media only screen and (max-width:800px){.col{display:block}.row{width:100%;height:-webkit-min-content;height:min-content}.col .row:first-child{border-bottom:1px solid #b9b9b9}}.microphone{-webkit-animation-name:mic;animation-name:mic;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes mic{0%{color:red}to{color:#ff0}}@keyframes mic{0%{color:red}to{color:#ff0}}
/*# sourceMappingURL=main.a0211124.chunk.css.map */