body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#424242;background-color:#e8e8e8}header{width:100%;height:100px;background-color:#fff;box-shadow:0 0 10px #888;z-index:1000;position:fixed;top:0;padding:5px 25px 0}h1{padding-bottom:10px}hr{width:90%;border:1px solid #eee;margin:25px auto 25px auto}label{letter-spacing:2px;line-height:30px;font-weight:500}img{border-radius:5px}#recipes-list-container{text-align:center;margin:10px}#recipe-card,.form-container{width:80%;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.087);margin:auto;padding:25px}#recipe-name,.magnify-glass{color:#00b300}#recipe-name:hover{color:#009800}#no-photo-container{font-size:18pt;font-weight:700;color:#9a9a9a;background-color:#ddd;height:215px;border-radius:5px;text-align:center}#camera{font-size:125px;color:#9a9a9a;padding-top:25px}.outer-content-container{width:80%;min-height:100vh;background-color:#fff;margin:auto;padding:140px 25px 25px}.form-container div{margin:0 0 10px}.form-button{font-size:14pt;color:#fff;background-color:#00b300;width:50%;height:60px;border:1px solid #81ff81;border-radius:5px;margin-top:10px;padding:5px}.form-button:hover{background-color:#009800;cursor:pointer}.search{margin:0 0 25px}.recipe-tile{width:275px;text-align:center;border:1px solid #ddd;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.087);margin-bottom:25px;padding:10px}.padding-tile{width:275px;padding-left:10px;padding-right:10px;visibility:hidden}.ingredient-container{background-color:#eee;padding:10px;margin:250px 0 25px;clear:left}.directions{text-align:justify;white-space:pre-line;overflow-wrap:break-word;clear:left}.time-to-eat{padding-right:15px}.ingredient-list{float:right}.comment{margin-left:25px}.empty{text-align:center;padding:25px 0 25px}.float-left{float:left}.flex-between{display:flex;justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.flex-left-align-center{display:flex;justify-content:left;align-items:center}.flex-wrap{flex-wrap:wrap}.Toastify__toast--success{background-color:#00b300;border-radius:5px}.Toastify__toast--error{background-color:red;border-radius:5px}@media only screen and (min-width:1064px){.outer-content-container{width:925px}.time-to-eat{margin-left:25px}.ingredient-list{margin-right:25px}}@media only screen and (max-width:749px){.flex-wrap{align-items:center;flex-direction:column}}@media only screen and (max-width:695px){.outer-content-container{width:90%}#recipe-card,.form-container{width:100%}}@media only screen and (max-width:503px){.ingredient-list{float:left}}@media only screen and (max-width:375px){h1{font-size:larger}.outer-content-container{width:100%}}@media only screen and (max-width:320px){.recipe-tile{width:240px}}a{color:#00b300;text-decoration:none}a:hover{color:#009800}nav{display:flex;justify-content:space-evenly;align-items:center}menu{min-width:160px;background-color:#fff;display:none;position:absolute;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:900}menu a{display:block}.menu-link,menu a{color:#fff;background-color:#00b300;padding:10px 15px}.menu-link{cursor:pointer}.menu-link:hover{color:#fff;background-color:#009800}.hamburger-icon,.user-icon{color:#00b300;overflow:hidden}.hamburger-icon:hover,.user-icon:hover{color:#009800}.hamburger-icon:hover menu,.user-icon:hover menu{display:block}#hamburger-nav{width:80%;display:none;margin:auto}@media (max-width:800px){#hamburger-nav{display:block}nav{display:none}}#outer-login-container{width:60%;min-height:100vh;display:flex;justify-content:center;align-items:center;margin:auto}#login-container{background-color:#fff;width:80%;text-align:center;border:2px solid #00b300;border-radius:5px;padding:25px}#login-container div{margin:0 0 10px}.disclaimer{font-size:small;color:tomato;background-color:#eee;padding:5px}@media only screen and (min-width:1064px){#outer-content-container{width:925px}}@media only screen and (max-width:695px){#outer-content-container{width:90%}}@media only screen and (max-width:411px){#outer-login-container{width:100%}#login-container{width:90%;height:90%}}