@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Raleway:wght@400;500&display=swap");:root{font-size:10px}html{position:relative;min-height:100%}.header{max-width:405px;margin:0 auto;text-align:center}.title{font-size:6.4rem;margin:0;font-weight:700;display:flex;align-items:center;font-family:Playfair Display,serif}.title img{margin-right:1rem;width:48px}a:link,a:visited{transition:color .35s ease;color:#00399e;text-decoration:none;font-weight:700}a:focus,a:hover{color:#148ac6}body{font-family:Raleway,sans-serif;background-color:#f9f8f8;background-image:url(/pattern.eb520f72.png);font-size:1.6rem;margin:0;color:#1b2d37}footer,main{max-width:95vw;margin:0 auto}@media screen and (min-width:1200px){footer,main{max-width:1050px}}main{min-height:95vh;flex-grow:1}@media (min-width:1200px){main{max-width:800px}}footer{font-size:1.4rem;margin-top:5rem}@media screen and (min-width:1024px){footer{margin-top:0;display:flex;justify-content:space-between}}.hidden{display:none}button{padding:0;background:none;border-radius:5px;border:none;cursor:pointer;font-family:Raleway,sans-serif;font-size:1.4rem}button:focus{outline:none}.button{color:#1b2d37;font-weight:500;position:relative;padding:10px 15px}.button span{z-index:10;display:block}.button:before{content:"";display:block;width:100%;height:100%;border-radius:50px;position:absolute;z-index:-1;top:0;left:0;transition:transform .35s ease}.button:focus:before,.button:hover:before{transform:scale(1.05,.9)}.button--primary:before{background:linear-gradient(1turn,#8eb3c7,#c0d5e0);box-shadow:inset 0 0 5px 1px #4f84a1}.button--secondary:before{background:linear-gradient(180deg,#f7f7f7,#d1d1d1);box-shadow:inset 0 0 5px 1px #c4c4c4}.config-container{background-color:#f5f8fa;box-shadow:0 4px 6px rgba(159,191,208,.25);padding:.1rem 2rem;margin:2rem 0 1rem;border-radius:10px}.form{text-align:left}.form__button-ctn{display:flex;justify-content:space-between;max-width:85%;margin:0 auto}.form__input-ctn{margin:2rem 0}.form__input-ctn label{font-size:1.8rem;font-weight:700}.form__input-ctn input{font-size:1.6rem;border:1px solid #1b2d37;border-radius:5px;width:50px}.copy-recipe-ctn{margin-top:2rem}.copy-button{font-weight:700;color:#00399e;transition:color .35s ease;margin-left:3rem}.copy-button:focus,.copy-button:hover{color:#148ac6}.tooltip{font-size:1.1rem;opacity:0;transition:opacity .35s ease;font-weight:700;margin-left:1rem}.tooltip--is-active{opacity:1}.recipe__header{display:flex;align-items:center}.recipe__name h2{font-family:Playfair Display,serif;font-size:3.6rem;margin:1rem 0}.recipe__steps ol{list-style-type:none}
/*# sourceMappingURL=/styles.50ce07d3.css.map */