body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.level{display:flex;flex-direction:column;height:100%;background-size:cover}.level button{width:100px;height:25px}.level .level-background{z-index:-1}.level .level-inner{display:flex;margin:auto;justify-content:space-evenly}.level .level-inner .left-col{margin-right:100px}.level .level-inner .right-col{margin-top:100px;display:flex;flex-direction:column}.level .level-inner .right-col .right-col-top{display:flex;justify-content:space-between}.level .level-inner .right-col .right-col-top .user-answer{display:flex;flex-direction:column}.level .level-inner .right-col .right-col-top .user-answer .user-answer-img{width:150px;height:150px}.level .level-inner .right-col .right-col-top .user-answer input{margin:10px auto 0;height:20px;width:50px}.level .level-inner .right-col .right-col-top .user-answer:nth-child(2){margin:0 10px}.level .level-inner .right-col .right-col-bottom{display:flex;justify-content:space-around}.level .level-inner .right-col .right-col-bottom button{margin-top:75px}.modal{padding:50px;border-radius:20px;background-color:#f5f5f5;position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;transform:translate(-50%,-50%)}.modal .modal-content{display:flex;flex-direction:row}.modal .modal-content .left-col{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 50px}.modal .modal-content .left-col .time{font-family:Nunito;font-style:normal;font-weight:400;font-size:60px;line-height:82px}.modal .modal-content .left-col .stars-container{display:flex;flex-direction:row;width:250px}.modal .modal-content .left-col .stars-container .star{width:50px;height:50px}.modal .modal-content .left-col .emoji-rating{margin-top:15px;font-family:Nunito;font-style:normal;font-weight:400;font-size:30px;line-height:41px}.modal .modal-content .right-col{display:flex;flex-direction:column;margin:auto auto auto 50px}.modal .modal-content .right-col img{width:300px;height:300px}.modal .modal-content .right-col button{margin-top:20px}.modal:focus{outline:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,70.6%,.75)}.recipe{width:470px;height:582px;position:relative;background-size:cover;z-index:0}.recipe .recipe-content{position:absolute;z-index:2;left:80px;top:125px}.recipe .recipe-content .recipe-level{margin-left:2px;margin-bottom:-10px;font-family:Nunito;font-style:normal;font-weight:400;font-size:15px;line-height:20px}.recipe .recipe-content .recipe-title{font-family:Nunito;font-style:normal;font-weight:700;font-size:35px;line-height:48px}.recipe .recipe-content li{margin:20px 0 0 -10px;font-family:Nunito;font-style:normal;font-weight:400;font-size:20px;line-height:27px}.recipe .recipe-background{position:absolute;z-index:1;width:470px;height:582px;background-image:url(/static/media/recipe.34f8f671.png);background-size:cover}.title{width:100%;height:100%;background-image:url(/static/media/bg2.038923be.png)}.title button{width:150px;height:40px;position:absolute;top:68%;left:50%;right:auto;bottom:auto;margin-right:-50%;transform:translate(-50%,-50%)}.end{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.end .all-scores-container .score-content{display:flex;flex-direction:row;margin-bottom:10px}.end .all-scores-container .score-content .left-col{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 15px}.end .all-scores-container .score-content .left-col .time{font-family:Nunito;font-style:normal;font-weight:400;font-size:30px;line-height:41px}.end .all-scores-container .score-content .left-col .stars-container{display:flex;flex-direction:row;width:150px}.end .all-scores-container .score-content .left-col .stars-container .star-small{width:30px;height:30px}.end .all-scores-container .score-content .left-col .emoji-rating{margin-top:8px;font-family:Nunito;font-style:normal;font-weight:400;font-size:22px;line-height:30px}.end .all-scores-container .score-content .right-col{display:flex;flex-direction:column;margin:auto auto auto 50px}.end .all-scores-container .score-content .right-col img{width:100px;height:100px}.end .all-scores-container .score-content .right-col button{margin-top:20px}.end .overall-outer-right-col{display:flex;flex-direction:column;margin-left:50px}.end .overall-outer-right-col .overall-top-container{display:flex;align-items:flex-end;margin-bottom:20px}.end .overall-outer-right-col .overall-top-container .overall-score-content{display:flex;flex-direction:row}.end .overall-outer-right-col .overall-top-container .overall-score-content .overall-left-col{display:flex;flex-direction:column;justify-content:center;align-items:center}.end .overall-outer-right-col .overall-top-container .overall-score-content .overall-left-col .overall-your-score{font-family:Nunito;font-style:normal;font-weight:400;font-size:35px;line-height:48px}.end .overall-outer-right-col .overall-top-container .overall-score-content .overall-left-col .overall-time{font-family:Nunito;font-style:normal;font-weight:400;font-size:60px;line-height:82px}.end .overall-outer-right-col .overall-top-container .overall-score-content .overall-left-col .overall-stars-container{display:flex;flex-direction:row;width:250px}.end .overall-outer-right-col .overall-top-container .overall-score-content .overall-left-col .overall-stars-container .star-big{width:50px;height:50px}.end .overall-outer-right-col .overall-top-container .overall-score-content .overall-left-col .overall-emoji-rating{margin-top:15px;font-family:Nunito;font-style:normal;font-weight:400;font-size:30px;line-height:41px}.end .overall-outer-right-col .overall-top-container .overall-score-content .right-col{display:flex;flex-direction:column;margin:auto auto auto 50px}.end .overall-outer-right-col .overall-top-container .overall-score-content .right-col img{width:100px;height:100px}.end .overall-outer-right-col .overall-top-container .overall-score-content .right-col button{margin-top:20px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content{display:flex;flex-direction:row}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .overall-best-left-col{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:20px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .overall-best-left-col .overall-best-your-score{font-family:Nunito;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .overall-best-left-col .overall-best-time{font-family:Nunito;font-style:normal;font-weight:400;font-size:20px;line-height:27px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .overall-best-left-col .overall-best-stars-container{display:flex;flex-direction:row;width:90px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .overall-best-left-col .overall-best-stars-container .star-tiny{width:18px;height:18px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .overall-best-left-col .overall-best-emoji-rating{margin-top:5px;font-family:Nunito;font-style:normal;font-weight:400;font-size:12px;line-height:16px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .right-col{display:flex;flex-direction:column;margin:auto auto auto 50px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .right-col img{width:100px;height:100px}.end .overall-outer-right-col .overall-top-container .overall-best-score-content .right-col button{margin-top:20px}.App{height:100vh}.App .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.App .noselect:focus{outline:none}
/*# sourceMappingURL=main.e23a1b9f.chunk.css.map */