body{font-family:sans-serif;margin:0;padding:0;font-family:system-ui;background:#f0f0f0;color:#333}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:600}header{position:fixed;top:0;left:0;right:0;font-weight:400;padding:15px;line-height:30px;z-index:9999;font-family:Pacifico,sans-serif;text-align:center;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,.2)}header a,header a.logo{color:orange;font-size:22px;font-weight:400;text-decoration:none}header a.logo,header a.timerLink{display:inline-block}header a.timerLink{position:absolute;top:0;right:0;padding:15px;font-size:22px;font-weight:400;text-decoration:none}main{padding-top:60px;box-sizing:border-box;max-width:1200px;margin:0 auto}.recipes{display:grid;grid-gap:20px;padding:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.recipe{border-radius:6px;text-decoration:none;box-shadow:0 3px 4px rgba(0,0,0,.15)}.recipe .bg{display:block;padding-bottom:40%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#ccc;border-top-right-radius:6px;border-top-left-radius:6px}.recipe .info{display:block;padding:20px;background:orange;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.recipe h2{text-align:center;font-size:24px;color:#fff;margin:0}.Recipe .hero{display:block;height:30vh;background-size:cover;background-position:50% 50%}.Recipe .title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;background:orange;color:#fff;padding:20px}.Recipe .title .info{-webkit-flex:1 1 auto;flex:1 1 auto}.Recipe .title h1,.Recipe .title p{margin:0}.Recipe a.share{color:#fff;text-decoration:none;cursor:pointer;font-size:20px}.Recipe .ingredients{padding:20px}.Recipe .ingredients li{line-height:140%}.Recipe .instructions{padding:20px}.Recipe .step{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:20px}.Recipe .step .number{font-size:32px;-webkit-flex:0 1 1.3em;flex:0 1 1.3em}.Recipe .step .text{-webkit-flex:1 0;flex:1 0;font-size:16px;line-height:140%}.Timer{padding:15px;background:#fff;font-size:2em;border-radius:100%;width:300px;height:300px;margin:30px auto;box-shadow:0 3px 6px rgba(0,0,0,.1)}.Timer .name{margin-top:20px}.Timer .center,.Timer .name{display:block;text-align:center}.Timer .center{padding:20px 0}.Timer input{padding:8px 15px;margin:30px auto;text-align:center}.Timer button,.Timer input{display:block;font-size:1em;border:2px solid orange;border-radius:3px}.Timer button{color:#fff;background:orange;margin:20px auto}.Timer .timeLeft{margin-top:30px;font-size:3em;text-align:center}.message{padding:100px 30px;text-align:center;font-size:1.2em}
/*# sourceMappingURL=main.6b533f4a.chunk.css.map */