@import url(https://fonts.googleapis.com/css?family=Karla);*{font-family:"Karla"}body{margin:10%;background-color:#81f499}.camera{position:relative}.result{position:fixed;top:0;left:100%;display:flex;align-items:center;background-color:#ffd23f;transition:.4s;border-radius:20px;border:2px solid #000;height:auto;width:100%}.result.hasPhoto{left:0}video{width:100%;max-width:100%;height:auto}button,video{border-radius:20px;border:2px solid #000}button{bottom:20px;left:20px;margin:3% 10% 10% 3%;padding:15px;background-color:#000;color:#fff}button:hover{color:#000;background-color:#ffd23f;border:2px solid #000}ul{list-style-type:none;padding-left:0;margin-left:0}li{padding-top:1em;padding-bottom:1em}canvas{border-radius:20px;width:100%;height:auto;border:2px solid #000}.wrapper1{background-color:#81f499}.wrapper1,.wrapper2{width:100%;height:100%;padding:0;margin:0;top:0;left:0}.wrapper2{background-color:#efbed5}.wrapper3{background-color:#86d3ea;width:100%;height:100%;padding:0;margin:0;top:0;left:0}.padding{margin:10%}.listDiv{background-color:#fff;height:100%;padding:5%;border-radius:20px}hr.dashed{border-top:2px dashed #bbb}hr.solid{border-top:3px solid #000}h3{text-align:center}.ingredBox{background-color:#fff;border-radius:20px}.blueHead{background-color:#2db9e2;border-radius:20px 20px 0 0;padding:1em;height:30px}p{padding:10px;margin:10px}.pIngList{margin-top:5px;padding-top:0}h4{float:left;margin-top:10px}h4,img{position:relative}img{float:right}input[type=text]{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border-radius:20px;border:2px solid #000}.submitBtn{margin-left:0;margin-bottom:20px;width:100%}
/*# sourceMappingURL=main.90d0780b.chunk.css.map */