.app-container{min-height:100vh;margin:0}.app-container,.app-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.app-header{background-image:url(https://assets.ccbp.in/frontend/react-js/coffee-planner-bg.png);background-size:cover;background-repeat:no-repeat;height:300px;max-height:400px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:30px 40px 20px 50px}@media screen and (min-width:768px){.app-header{-ms-flex-align:end;align-items:flex-end;width:100%}}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#fff;font-family:"Roboto"}@media screen and (min-width:768px){.header-content{-ms-flex-align:start;align-items:flex-start;width:50%}}.heading{font-size:20px;font-weight:800}@media screen and (min-width:768px){.heading{font-size:30px}}.header-description{font-size:16px;font-weight:700;color:#fff}.coffee-body-section{padding:30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width:768px){.coffee-body-section{padding:30px 80px}}@media screen and (min-width:1200px){.coffee-body-section{padding:50px 100px}}.coffee-planner-question-list{list-style:none;padding-left:0;margin-left:0}.button-container,.coffee-planner-question-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.button-container{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.create-button{font-size:20px;font-weight:700;font-family:"Roboto";color:#fff;padding:8px 20px;border-width:0;border-radius:8px;background-color:#0e8684;min-width:100px;max-width:300px}@media screen and (max-width:768px){.create-button{font-size:15px}}.summary-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#2e353d;border:1px solid #7c2d12;border-radius:12px;margin-top:24px;padding:14px 24px;max-width:769px;-ms-flex-item-align:center;align-self:center}@media screen and (min-width:1200px){.summary-container{margin-top:32px}}.summary{color:#fff;font-family:"Roboto";font-size:18px}@media screen and (min-width:768px){.summary{font-size:24px}}.selected-value{color:#0e8684}.coffee-planner-question-heading{font-family:"Roboto";font-weight:700px;font-size:18px;color:#000}@media screen and (min-width:768px){.coffee-planner-question-heading{font-size:21px}}@media screen and (min-width:1200px){.coffee-planner-question-heading{font-size:25px}}.question-option-list{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;list-style:none;padding-left:0}@media screen and (max-width:768px){.question-option-list{-ms-flex-wrap:wrap;flex-wrap:wrap}}.question-option-item{border-radius:8px;border-width:0;background-color:#f4f1ea;padding:0;cursor:pointer}@media screen and (max-width:768px){.question-option-item{width:100%;margin-bottom:18px;min-height:150px}}@media screen and (min-width:768px){.question-option-item{width:30%;min-height:160px}}@media screen and (min-width:1200px){.question-option-item{width:30%;min-height:200px}}.card-container{padding:10px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;-ms-flex-align:stretch;align-items:stretch}@media screen and (min-width:768px){.card-container{padding:10px 20px}}.card-container-header{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}@media screen and (min-width:1200px){.card-container-header{margin-bottom:20px}}.coffee-cup{width:18px;height:18px}@media screen and (min-width:768px){.coffee-cup{width:21px;height:21px}}@media screen and (min-width:1200px){.coffee-cup{width:23px;height:23px}}.card-container-header-heading{font-size:16px;font-weight:600;font-family:"Roboto";color:#2e353d}@media screen and (min-width:768px){.card-container-header-heading{font-size:18px}}@media screen and (min-width:1200px){.card-container-header-heading{font-size:22px}}.card-description{font-size:14px;font-weight:400;font-family:"Roboto";color:#2e353d}@media screen and (min-width:768px){.card-description{font-size:16px}}@media screen and (min-width:1200px){.card-description{font-size:18px;margin-top:30px}}.selected-option{background-color:#0e8684}.selected-description,.selected-title{color:#fff}*{-webkit-box-sizing:border-box;box-sizing:border-box}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}
/*# sourceMappingURL=main.eacd124b.chunk.css.map */