body{margin:0;padding:0;font-family:sans-serif}body{margin:0;padding:0;font-family:system-ui;background:#fae3c5;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:#fd9e30;-webkit-box-shadow:0 3px 5px rgba(216,81,3,.39);box-shadow:0 3px 5px rgba(216,81,3,.39)}header a,header a.logo{color:#000;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:80px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1440px;margin:0 auto}.recipes{display:grid;grid-gap:15px;padding:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.recipe{border-radius:2px;text-decoration:none;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.15);box-shadow:0 3px 4px rgba(0,0,0,.15)}.recipe .bg{display:block;padding-bottom:80%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#ccc;border-top-right-radius:2px;border-top-left-radius:2px}.recipe .info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:15%;padding:10px;background:#fff;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.recipe h2{text-align:center;font-size:20px;color:#050402;margin:0}.Recipe .hero{display:block;height:40vh;background-size:cover;background-position:50% 50%}.Recipe .title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:orange;color:#fff;padding:20px}.Recipe .title .info{-ms-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 .detail{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:left;justify-content:left;border:1px solid #333;-webkit-box-shadow:0 3px 4px rgba(0,0,0,.15);box-shadow:0 3px 4px rgba(0,0,0,.15);margin:10px 0;border-radius:2px}.Recipe .detail .ingredients{padding:20px}.Recipe .detail .ingredients li{line-height:140%}.Recipe .instructions{border-left:1px solid #333;padding:20px}.Recipe .step{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:15px}.Recipe .step .number{font-size:32px;-ms-flex:0 1 1.3em;flex:0 1 1.3em}.Recipe .step .text{-ms-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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.1);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.4a613fd1.css.map*/