@import url(https://fonts.googleapis.com/css?family=Lora:400,700&display=swap);body{margin:0 auto;max-width:1580px;font-family:Lora,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ccc}.button{margin:0 .25rem;border:none;background:#fff;padding:.25rem;font-size:.875rem;color:#007c6c;font-weight:700}.selected-image{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;background-color:#fff}.selected-image__wrapper{position:relative;margin:1rem auto 0}.selected-image__wrapper img{position:relative;width:100%}.results__container{margin:0 auto}.selected-image__processing{flex-basis:100%}.selected-image__image{position:relative}.selected-image__overlay{position:absolute;left:0;top:0}@media only screen and (min-width:768px){.selected-image{padding-top:4px}.selected-image .results__container,.selected-image__wrapper{width:50%;margin:0}.results__container p{padding:0 1rem}}.results p{font-size:1.25rem}.results__wrapper{display:flex;margin-top:1rem}.results__emoji{color:#007c6c}.results__emoji svg{margin-right:.75rem}.gallery{display:flex;flex-wrap:wrap;justify-content:center;background-color:#aaa}.gallery__container{margin-top:2rem;width:100%;min-height:500px;background-color:#aaa}.gallery__container h2{text-align:center}.gallery__image-wrapper{position:relative;margin:1rem;width:150px;height:120px}.gallery__photo{width:100%;opacity:.5;cursor:pointer;border:1px solid #fff;border-radius:2px}.gallery__photo-delete{position:absolute;top:4px;left:4px;color:rgba(255,109,109,.762);cursor:pointer}.gallery__photo--selected{opacity:1}.camera{width:100%;margin-top:1rem;display:flex;flex-direction:column;align-items:center;position:relative}.camera__wrapper{position:relative;width:80%;max-width:680px;margin:0 1rem 1rem}.camera__wrapper video{border:3px solid #fff;border-radius:3px}.camera__button-container{margin-top:1rem;margin-bottom:2rem}.camera__button--snap{height:50px;width:50px;border-radius:50%}.webcam-overlay{position:absolute;left:0;top:0}.webcam-overlay--hidden{display:none}.results__container{background-color:#fff;width:100%;padding-top:1rem;min-height:250px;display:flex;justify-content:center}.results__wrapper{padding:1rem 0 0 1rem}@media only screen and (min-width:768px){.camera__wrapper{width:100%;margin:0 1rem 1rem}.results__wrapper{padding:0}}.App{background-color:#007c6c;min-height:100vh}.App header{background:#fff}.App__header{max-width:960px;margin:0 auto;padding:.5rem}.App__header,.App__switcher{display:flex;justify-content:space-between;align-items:center}.App__switcher-switch{margin:0 .25rem}
/*# sourceMappingURL=main.a1f352b0.chunk.css.map */