@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,800);@import url(https://fonts.googleapis.com/css?family=Open+Sans);body{margin:0;padding: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}body #root{top:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.background{object-fit:cover;width:100%;height:100vh;position:absolute;top:0;bottom:0;left:0;z-index:-1;-webkit-filter:brightness(40%);filter:brightness(40%)}.h1{font-size:2em;color:#fff}.h1,.p{padding:20px 0}.p{font-size:.75em;text-transform:uppercase;letter-spacing:2px}.btn:hover{cursor:pointer}.btn{background:transparent;outline:none;position:relative;border:2px solid #fff;padding:15px 50px;overflow:hidden}.btn:hover:before{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.btn:before{content:attr(data-hover);position:absolute;top:1.1em;left:0;width:100%;text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8em;opacity:0;-webkit-transform:translate(-100%);transform:translate(-100%);transition:all .3s ease-in-out;color:#fff}.btn:hover div{opacity:0;-webkit-transform:translate(100%);transform:translate(100%);color:#fff}.btn div{text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8em;transition:all .3s ease-in-out;color:#fff}*,:after,:before{box-sizing:inherit}.u-clearfix:after,.u-clearfix:before{content:" ";display:table}.u-clearfix:after{clear:both}.u-clearfix{*zoom:1}.subtle{color:#aaa}.card-container{margin:25px auto 0;position:relative;width:692px}.card{background-color:#fff;padding:30px;position:relative;box-shadow:0 0 5px rgba(75,75,75,.07);z-index:1}.card-body{display:inline-block;width:310px}.card-number{margin-top:15px}.card-circle{border:1px solid #aaa;border-radius:50%;display:inline-block;line-height:22px;font-size:12px;height:25px;text-align:center;width:25px}.card-author{display:block;font-size:12px;letter-spacing:.5px;margin:15px 0 0;text-transform:uppercase}.card-title{font-family:"Cormorant Garamond",serif;font-size:60px;font-weight:300;line-height:60px;margin:10px 0;text-decoration:none;color:grey}.card-description{display:inline-block;font-weight:300;line-height:22px;margin:10px 0}.card-read{cursor:pointer;font-size:14px;font-weight:700;letter-spacing:6px;margin:5px 0 20px;position:relative;text-align:right;text-transform:uppercase}.card-read:after{background-color:#b8bddd;content:"";display:block;height:1px;position:absolute;top:9px;width:75%}.card-tag{float:right;margin:5px 0 0}.card-media{float:right;height:200px;width:250px}.card-shadow{background-color:#fff;box-shadow:0 2px 25px 2px #000,0 2px 50px 2px #000,0 0 100px 3px rgba(0,0,0,.25);height:1px;margin:-1px auto 0;width:80%;z-index:-1}#wrapper{margin:0 auto;display:block;width:960px}.page-header{text-align:center;font-size:1.5em;font-weight:400}#pagination{margin:0;padding:0;text-align:center}#pagination li{display:inline;display:inline-block}#pagination li,#pagination li a{text-decoration:none;padding:5px 10px;color:#fff}#pagination li a{display:inline-block}.welcomeTitle{font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:300;line-height:60px;margin:10px 0;text-decoration:none;color:#fff}select{-webkit-appearance:none;appearance:none;background-color:#e0ffff;background-position:100%;background-repeat:no-repeat;border-radius:.2em;border-color:#b3cccc #869999 #869999 #b3cccc;border-style:solid;border-width:1px;color:#000;padding:.33em .5em;width:10%}select::-ms-expand{display:none}.filterTitle{font-family:"Cormorant Garamond",serif;font-size:20px;margin:10px 0;text-decoration:none;color:#fff}.containerLoader{height:100vh;width:100vw;font-family:Helvetica}.loader{width:250px;top:0;bottom:0;left:0;right:0;margin:auto}.loader,.loader--dot{height:20px;position:absolute}.loader--dot{-webkit-animation-name:loader;animation-name:loader;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;width:20px;border-radius:100%;background-color:#000;border:2px solid #fff}.loader--dot:first-child{background-color:#8cc759;-webkit-animation-delay:.5s;animation-delay:.5s}.loader--dot:nth-child(2){background-color:#8c6daf;-webkit-animation-delay:.4s;animation-delay:.4s}.loader--dot:nth-child(3){background-color:#ef5d74;-webkit-animation-delay:.3s;animation-delay:.3s}.loader--dot:nth-child(4){background-color:#f9a74b;-webkit-animation-delay:.2s;animation-delay:.2s}.loader--dot:nth-child(5){background-color:#60beeb;-webkit-animation-delay:.1s;animation-delay:.1s}.loader--dot:nth-child(6){background-color:#fbef5a;-webkit-animation-delay:0s;animation-delay:0s}.loader--text{position:absolute;top:200%;left:0;right:0;width:4rem;margin:auto}.loader--text:after{content:"Loading";font-weight:700;-webkit-animation-name:loading-text;animation-name:loading-text;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes loader{15%{-webkit-transform:translateX(0);transform:translateX(0)}45%{-webkit-transform:translateX(230px);transform:translateX(230px)}65%{-webkit-transform:translateX(230px);transform:translateX(230px)}95%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes loader{15%{-webkit-transform:translateX(0);transform:translateX(0)}45%{-webkit-transform:translateX(230px);transform:translateX(230px)}65%{-webkit-transform:translateX(230px);transform:translateX(230px)}95%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}@keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}.wrap{height:60px;background-color:rgba(94,94,94,.7)}.search{width:25%;position:relative;display:flex;padding:10px;left:36%}.searchTerm{width:100%;border:3px solid #ffad01;border-right:none;padding:5px;height:20px;border-radius:5px 0 0 5px;outline:none;color:#9dbfaf}.searchTerm:focus{color:#000}.searchButton{width:40px;border:1px solid #ffad01;background:#ffad01;text-align:center;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px}.x{top:-66px;right:36%}.x,.y{transition:all .2s cubic-bezier(.39,.5,.15,1.36);display:block;margin:20px auto;max-width:180px;text-decoration:none;border-radius:4px;padding:8px 30px;position:relative}.y{top:-123px;left:36%}.x .buttonx{color:#000;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.85);text-decoration:none}.x .buttonx:hover{color:rgba(30,22,54,.7);box-shadow:inset 0 0 0 40px hsla(0,0%,100%,.85)}.y .buttony{color:#000;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.85)}.y .buttony:hover{color:rgba(30,22,54,.7);box-shadow:inset 0 0 0 40px hsla(0,0%,100%,.85)}z.button{color:rgba(30,22,54,.7);box-shadow:inset 0 0 0 2px rgba(30,22,54,.7);text-decoration:none}z.button,z.button:hover{margin-top:1.2360679775rem}z.button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(30,22,54,.7)}@font-face{font-family:"Cardo";font-style:normal;font-weight:700;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/49914/Cardo-Bold.woff) format("woff2")}@font-face{font-family:"Cardo";font-style:normal;font-weight:400;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/49914/Cardo-Regular.woff) format("woff2")}@font-face{font-family:"Cardo";font-style:italic;font-weight:400;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/49914/Cardo-Italic.woff) format("woff2")}body,html{top:0}html{background-color:#f2eee1}.recipe.recipe--old-style h1,.recipe.recipe--old-style small{font-variant:small-caps;-webkit-font-feature-settings:"liga","smcp";font-feature-settings:"liga","smcp"}@supports ((-webkit-font-feature-settings:"smcp") or (font-feature-settings:"smcp")){.recipe.recipe--old-style h1,.recipe.recipe--old-style small{font-variant:normal;-webkit-font-feature-settings:"smcp","liga",normal;font-feature-settings:"smcp","liga",normal}}.recipe.recipe--old-style{top:0;width:100%;font-family:14pt;line-height:1.6180339888rem;font-family:"Cardo",sans-serif;-webkit-font-feature-settings:"liga","clig","pnum";font-feature-settings:"liga","clig","pnum"}.recipe.recipe--old-style:after,.recipe.recipe--old-style:before{display:block;content:"⁂";text-align:center;margin-top:1.2360679775rem;margin-bottom:3.2360679775rem;font-size:1.9998997578rem}.recipe.recipe--old-style h1{text-align:center;margin-bottom:1.6180339888rem;font-size:1.9998997578rem}.recipe.recipe--old-style h2{font-style:italic;text-align:center;margin-top:-.8090169944rem;margin-bottom:2.4270509831rem}.recipe.recipe--old-style em{font-style:italic;-webkit-font-feature-settings:"liga","ss01","ss03";font-feature-settings:"liga","ss01","ss03"}.recipe.recipe--old-style small{-webkit-font-feature-settings:"smcp","liga";font-feature-settings:"smcp","liga"}.recipe.recipe--old-style .servings{quotes:"(" ")"}.recipe.recipe--old-style .servings:before{content:open-quote}.recipe.recipe--old-style .servings:after{content:close-quote}.recipe.recipe--old-style .instructions{max-width:65ch;margin-left:auto;margin-right:auto}.recipe.recipe--old-style .instructions ol{margin-bottom:1.6180339888rem;text-indent:2ch;text-align:justify}.recipe.recipe--old-style .instructions li{display:inline}.buttonDetail{transition:all .2s cubic-bezier(.39,.5,.15,1.36);display:block;max-width:180px;text-decoration:none;border-radius:4px;padding:8px 30px;position:relative;top:-66px;right:36%;margin:1.2360679775rem auto 20px}.buttonDetail .button{color:rgba(30,22,54,.7);box-shadow:inset 0 0 0 2px rgba(30,22,54,.7);text-decoration:none;margin-top:1.2360679775rem}.buttonDetail .button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(30,22,54,.7);margin-top:1.2360679775rem}.container-form{max-width:65ch;margin-left:auto;margin-right:auto}.container-form #title{height:20px;width:400px}.container-form #summary{height:200px;width:400px}.container-form #instructions{height:200px;width:400px;margin:20px}.score input{width:50px}.container-diets{text-align:left}.q{transition:all .2s cubic-bezier(.39,.5,.15,1.36);display:block;max-width:180px;border-radius:4px;padding:8px 30px;position:relative;right:36%;margin:1.2360679775rem auto 20px}.q,.q button{text-decoration:none}.q button{color:rgba(30,22,54,.7);box-shadow:inset 0 0 0 2px rgba(30,22,54,.7);margin-top:1.2360679775rem}.q .button:hover{color:hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 40px rgba(30,22,54,.7);margin-top:1.2360679775rem}
/*# sourceMappingURL=main.18394746.chunk.css.map */