#box{display:flex;flex-flow:column;height:100%}#edamam-badge{margin:5px auto}button{background-color:#ffd95a;padding:.7em;font-family:inherit;font-weight:600;letter-spacing:inherit;border-radius:.7em;border:1px solid black;box-shadow:0 0 3px #000;transition:background-color .2s}button:enabled:hover{background-color:#fca904;cursor:pointer}button:enabled:active{background-color:#c07f00;transition:background-color 0s}button:disabled{background-color:#d1d1d1}.hidden{display:none}#disclaimer{margin:8px auto 0;text-align:center;width:90%;max-width:900px;font-style:italic;font-size:14px;letter-spacing:.5px;color:#363636}h1{text-align:center;background-color:#4c3d3d;margin:0;padding:.5em 0;color:#fff;letter-spacing:3.5px;font-size:36px;font-weight:300}#header{flex:0 1 auto;box-shadow:0 0 5px #000}#filter-box{width:100%;border-bottom:2px solid black;background-color:#4c3d3d}#filter-box form{display:flex;justify-content:space-around;padding:18px 0;flex-wrap:wrap}.input-container{margin:2px 0;color:#fff;accent-color:#C07F00}.input-container label{margin-left:3px}.modal-container{position:fixed;z-index:10;background-color:#000000e6;width:100%;height:100%;left:0;bottom:0}.modal{--vertical-padding: 8px;background-color:#4c3d3d;width:fit-content;position:relative;top:50%;transform:translateY(-50%);margin:0 auto;padding:20px}.modal-header{border-bottom:1px solid black;padding-bottom:var(--vertical-padding);color:#fff}.modal-header h3{text-align:center;margin:0;font-weight:600}.modal-content{padding:var(--vertical-padding) 20px;display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.modal-footer{border-top:1px solid black;padding-top:var(--vertical-padding);display:flex;justify-content:center}.calories-input{margin:5px 0;font-family:inherit;font-size:14px}.calories-label{color:#fff}#calories-error{width:150px;margin:0;text-align:center;font-style:italic;color:red}#calories-error.hidden{visibility:hidden;height:0}#meal-type-select{font-family:inherit;height:2em;font-size:15px}.time-input{margin:5px 0;font-family:inherit;font-size:14px}.time-label{color:#fff}#time-error{width:150px;margin:0;text-align:center;font-style:italic;color:red}#time-error.hidden{visibility:hidden;height:0}#main-container{background-color:#685656;margin:15px auto 0;width:90%;max-width:900px;flex:1 1 auto;min-height:450px;max-height:800px;display:flex;flex-flow:column;box-shadow:0 0 3px #000}#recipe-container{display:flex;flex-wrap:wrap;justify-content:space-around;overflow-y:auto}#recipe-message{padding-top:50px;font-weight:700;font-size:20px}.recipe-item{background-color:#c07f00;width:150px;padding:10px;margin:10px;text-align:center;box-shadow:1px 1px 5px #000;transition:transform .2s}.recipe-item:hover,.recipe-item:active{transform:translateY(-4px)}.recipe-item img{border:1px solid black;transform:translate(-1px)}.recipe-item h3{border-top:2px solid black;padding-top:10px;margin-top:15px;margin-bottom:10px;font-weight:600}.recipe-link{display:block;width:100%;height:100%;color:#000;text-decoration:none}:root{font-family:Mulish,sans-serif;letter-spacing:1.2px;background-color:#fff7d4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{display:contents}html,body{height:100%;margin:0}