@import"https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic";:root{--min-body-width: 200px;--min-img-width: 200px;--max-img-width: 300px}*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:100;font-size:14px;line-height:1.5;color:#000;background:#b2d6ff}a{word-wrap:break-word}.page{min-width:200px;display:flex;flex-wrap:wrap;padding-bottom:15px}.column{width:100%;max-width:400px;padding:0;margin:0 auto}.column-1{margin-top:25px}.column-2{margin-top:15px}.container{margin:0;padding:25px;width:100%;background:#f9f9f9;box-shadow:0 0 20px #0003,0 5px 5px #0000003d}.column .container+.container{margin-top:15px}.add{color:#777}.container h1{display:block;font-size:30px;font-weight:300;margin-bottom:10px;color:#777}.container h2{line-height:1}.container h3{line-height:1;color:#777}.recipeentry{position:relative;padding:25px;margin:15px 0;box-shadow:0 0 20px #0003,0 5px 5px #0000003d;display:flex;flex-wrap:wrap}.recipebody{margin:0;display:flex;flex-direction:column;justify-content:space-between;width:100%}.recipehovermenu{display:none;padding:0}.recipehovermenu{margin-left:auto;margin-right:5px;margin-top:-35px;background-color:#fff;box-shadow:5px -5px 5px #0000001a,0 0 1px #0000004d}@media only screen and (min-width: 530px){.recipehovermenu{position:absolute;top:30px;right:30px;left:auto;bottom:auto;z-index:1}}.recipeentry:hover .recipehovermenu,.recipeentry.edit .recipehovermenu,.recipeentry.remove .recipehovermenu{display:block}.recipehovermenu>div{float:right;padding:2px;line-height:0;border-radius:5px;vertical-align:text-top}.recipehovermenu>div>div{line-height:1em;height:1em;display:inline-block;margin:0;padding:0;float:inline-start}@media only screen and (max-width: 529px){.recipehovermenu>div>div{max-width:130px;height:2em}}.recipehovermenu>div,.recipehovermenu>div>div{background-color:#fff6;font-size:24px}.recipehovermenu svg:hover{color:#787878;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;transition:color .1s ease-in-out}.recipehovermenu svg.iconremove:hover{color:red}.recipehovermenu svg.iconconfirmremove{color:red}.recipehovermenu svg.iconconfirmremove:hover{color:#8b0000}.recipehovermenu svg.iconsubmit{color:#000}.recipehovermenu svg.iconsubmit:hover{color:green}.recipehovermenu svg.iconcancel{margin-left:12px;margin-right:12px}.recipehovermenu svg.iconcancel:hover{color:gray}.recipeentry.remove{background-color:#e63232;box-shadow:0 0 20px #ff00004d,0 5px 5px #f006}.recipeentry.edit{background-color:#c8c8ff;box-shadow:0 0 20px #0000ff4d,0 5px 5px #00f6}.recipeentry.pending{filter:blur(3px)}form.editing{padding-right:10px}.recipeimg{margin:0;position:relative;padding:2px 0 0 2px;min-width:var(--min-img-width);width:100%;max-width:var(--max-img-width)}.addrecipeitem{background:#f9f9f9;padding:0;margin:15px 0;box-shadow:0 0 20px #0003,0 5px 5px #0000003d;display:flex;flex-wrap:wrap}.addrecipebody{padding:2px;color:#000;width:100%}.addrecipeimg{padding:2px;min-width:var(--min-image-width);width:100%;max-width:var(--min-image-width)}.recipe-tag-container{line-height:1;display:flex;flex-wrap:wrap}.recipe-tag{color:#000;margin:0 5px 5px 0;border-radius:5px;border-width:0px;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}label.recipe-tag{padding:0}label.recipe-tag span{background:inherit;margin:0}label.recipe-tag span,span.recipe-tag{display:inline-block;line-height:1;box-shadow:0 0 5px #0003,0 1px 1px #0003;border-radius:5px;border-width:0px;padding:2px 5px}label.recipe-tag:hover span{box-shadow:0 0 5px #0009,0 1px 1px #0009}label.recipe-tag input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}label.recipe-tag input:not(:checked)~span{color:#aaa;box-shadow:inset 0 0 1px 30px #ffffffb3}.recipe-tag-0{background:#fbb4ae}.recipe-tag-1{background:#b3cde3}.recipe-tag-2{background:#ccebc5}.recipe-tag-3{background:#decbe4}.recipe-tag-4{background:#fed9a6}.recipe-tag-5{background:#ffc}.recipe-tag-6{background:#e5d8bd}.recipe-tag-7{background:#fddaec}.recipe-tag-8{background:#f2f2f2}img{width:100%;height:auto}form{margin:5px 0 0}input,textarea,button{font:400 12px/16px Roboto,Helvetica,Arial,sans-serif;width:100%;border:1px solid #ccc;background:#fff;margin:0 0 15px;padding:10px}input[type=checkbox]{width:auto}input:focus,textarea:focus{outline:0;border:1px solid #aaa}input,textarea:hover{-webkit-transition:border-color .3s ease-in-out;-moz-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;border:1px solid #aaa}.add textarea{height:100px}textarea{max-width:100%;resize:none}button{cursor:pointer;border:none;background:#4caf50;color:#fff;font-size:15px}button:hover{background:#43a047;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background-color .3s ease-in-out}button:active{box-shadow:inset 0 1px 3px #00000080}.copyright{text-align:center}::-webkit-input-placeholder{color:#888}:-moz-placeholder{color:#888}::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}@media only screen and (min-width: 431px){.page{padding-left:15px;padding-right:15px}}@media only screen and (min-width: 530px){.recipebody{width:calc(100% - var(--max-img-width));min-width:50%}.recipeimg{width:50%}}@media only screen and (min-width: 431px) and (max-width: 959px){.column{max-width:800px}.addrecipebody{width:calc(100% - 200px);max-width:50%}.addrecipeimg{min-width:200px;width:50%;max-width:350px}}@media only screen and (min-width: 960px){.column-1{margin-top:25px;margin-right:0;position:sticky;top:5px;align-self:flex-start}.column-2{margin-top:25px;margin-left:15px}}@media only screen and (min-width: 960px) and (max-width: 999px){.column-1{width:calc(100% - 570px)}.column-2{width:555px;max-width:800px}}@media only screen and (min-width: 1000px){.column-2{width:calc(100% - 415px);max-width:800px}}.add .recipebody,.add .recipeimg{width:100%}