@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,h1,h2,h3,li,p,ul{margin:0;padding:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{background-color:#111315;color:#cbd5e1;font-family:DM Sans,sans-serif;height:fit-content;margin:0 auto;min-height:100vh;padding:160px 90px 135px;width:100%}body:before{background-image:url(/devChallenge-simple-coffee-listing/static/media/bg-cafe.b6676f218eaa18ab410a.jpg);background-position:50%;content:"";height:300px;left:0;position:fixed;top:0;width:100%;z-index:-1}#root{height:100%;width:100%}h1,h2,h3{color:#fef7ee;font-family:DM Sans,sans-serif;font-size:2rem;font-weight:700}p{color:#6f757c;font-size:1rem}.label,p{font-family:DM Sans,sans-serif;font-weight:500}.label{color:#fef7ee;font-size:.875rem}.small-text{font-size:.625rem;font-weight:400}.price-text,.small-text{color:#111315;font-family:DM Sans,sans-serif}.price-text{font-size:.75rem;font-weight:700}@media (max-width:1280px){body{padding:160px 40px 135px}}.App{align-items:center;background-color:#1b1d1f;border-radius:15px;display:flex;flex-direction:column;height:fit-content;padding:80px 125px;text-align:center;width:100%}@media (max-width:1280px){.App{padding:80px 50px}}.headerSvg{background:url(/devChallenge-simple-coffee-listing/static/media/vector.dba19b27c01d7e543bcf.svg) 50% no-repeat}@media (min-width:1023.9px){.description{width:50%}}.card{border-radius:15px;display:flex;flex-direction:column;gap:10px;height:240px;position:relative;width:260px}.price{background-color:#bee3cc;border-radius:5px;color:#111315;height:25px;line-height:25px;text-align:center;width:50px}.chip{background-color:#f6c768;border-radius:20px;height:25px;left:10px;padding:5px 10px;position:absolute;top:10px;width:70px;z-index:10}.nav-button{color:#fef7ee;cursor:pointer;padding:5px 10px}.nav-button-selected{background-color:#4d5562;border-radius:5px}
/*# sourceMappingURL=main.80da0263.css.map*/