*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0}html{background-attachment:fixed;background-image:url(/culinary-recipes/static/media/background.55c0f67dec4371e21498.jpg);background-repeat:no-repeat;background-size:cover}body{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin-left:200px}.whole-page{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}h1{letter-spacing:.1em}h3{font-weight:400;padding:5px 0}p{font-size:1.5rem;line-height:1.75rem;margin-top:20px;text-align:justify}.pic-authors{bottom:0;display:flex;flex-direction:column;font-size:10px;margin-top:15px;padding:0;position:fixed;width:100%;z-index:-1}a{color:#000;text-decoration:none}.rendered-mealplan-content{display:flex;width:100%}.rendered-recipe-ingredients-list{align-items:flex-start;display:flex;flex-direction:column;line-height:35px;margin-left:20px;padding:10px;width:100%}a{text-align:center;text-decoration:underline}.rendered-substitutes{align-items:center;background-color:#dcdcdc;border-radius:10px;display:flex;flex-direction:column;margin:20px;padding:20px}.rendered-subs-content{display:flex;line-height:25px}@media only screen and (max-width:620px){*{box-sizing:border-box;margin:0}body,html{display:flex;height:100%;width:100%}body{margin:0}.whole-page{display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative}header{align-items:center;display:flex;flex-direction:row;height:100px;justify-content:space-between;margin:0;position:fixed;width:100%}.pic-authors{bottom:0;left:0;position:fixed;z-index:-1}h1{font-size:20px}.recipe-input{width:170%}}.logo-part{align-items:center;justify-content:space-between;padding:30px}.logo-part,header{display:flex;flex-direction:column}header{background-color:hsla(45,16%,67%,.5);bottom:0;box-shadow:1px 1px 22px 0 gray;color:#000;left:0;position:fixed;top:0;width:200px}.logo{height:80px;margin-bottom:10px}nav{flex-direction:column;font-weight:500;letter-spacing:.05em;line-height:24px}.navbar-button,nav{align-items:center;display:flex}.navbar-button{background-color:hsla(45,16%,67%,0);border:none;font-size:20px;font-weight:600;height:40px;justify-content:center;padding:25px;text-align:center;width:100%}.navbar-button:hover{background-color:#c1b694}.navbar-button:active{color:#fff}.hamburger-menu{display:none}.active{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);bottom:0;box-shadow:0 2px 5px -1px rgba(0,0,0,.08);display:flex;left:0;position:fixed;top:0;width:200px;z-index:40}@media only screen and (max-width:620px){.logo-part{display:flex;flex-direction:row;justify-content:space-between;margin:15px;padding:0;width:100%}.navbar{display:grid;display:none;grid-template-columns:1fr 1fr 1fr 1fr}.navbar-button{margin:0;width:100%}.hamburger-img{height:50px;margin-right:15px;width:50px}.hamburger-menu{position:relative}.hamburger-menu,.navbar-hamburger{display:flex;flex-direction:column}.navbar-hamburger{height:40px;margin:11rem auto 0;position:absolute;right:0;width:100%}.active{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 5px -1px rgba(0,0,0,.08);display:flex;flex-direction:row;height:8rem;justify-content:space-between;transition:.1s linear;width:100%;z-index:40}.active-dropdown{height:15rem;margin:0;padding-bottom:7rem}.hidden{border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 5px -1px rgba(0,0,0,.08);height:3rem;position:fixed;top:-80px;transition:.3s linear;width:100%;z-index:40}}.recipe-container{align-items:center;background-color:hsla(35,12%,72%,.8);border-radius:20px;box-shadow:1px 1px 22px 0 gray;display:flex;flex-direction:column;justify-content:center;margin:50px;padding:50px;position:relative}.end-button{border:none;border-radius:100%;box-shadow:1px 1px 5px 1px gray;color:gray;height:20px;opacity:.8;padding:0 0 1px;position:absolute;right:10px;top:10px;width:20px}.recipe-text{color:#000;margin-bottom:30px}form{align-items:center;display:flex;flex-direction:column;justify-content:center}.recipe-input{border:none;border-radius:15px;box-shadow:1px 1px 10px 0 gray;font-size:13px;letter-spacing:.03em;margin:10px 0;padding:15px;width:50vh}.recipe-input:focus{border:none;outline:0}.recipe-input-error{-webkit-animation:shake .8s;animation:shake .8s;border:1px solid red;border-radius:15px;box-shadow:1px 1px 10px 0 gray;font-size:13px;letter-spacing:.03em;margin:10px 0;padding:15px;width:50vh}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.recipe-button{border:none;border-radius:40px;box-shadow:1px 1px 10px 0 gray;font-size:20px;font-weight:700;margin-bottom:30px;margin-top:30px;padding:20px;width:300px}.rendered-recipe{background-color:#dcdcdc;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:20px;text-align:center;width:100%}.rendered-recipe-title{color:#000;margin:10px 0}.rendered-recipe-content{align-items:center;display:grid;grid-template-columns:2fr 3fr;margin-top:30px}.rendered-recipe-image{align-items:center;border-radius:5%;object-fit:cover;width:100%}ul{font-size:1.5rem;padding:0 0 0 50px}.rendered-recipe-ingredients-description{margin:10px;text-align:left}.hidden-ingredients{display:none}@media only screen and (max-width:620px){.rendered-recipe{align-items:center;height:100%;justify-content:center;margin:0 0 20px;position:relative;width:100%}.rendered-recipe-content{display:flex;flex-direction:column}.whole-page{margin:0;width:80%}.recipe-container{display:flex;flex-direction:column;font-size:.75rem;left:2.5rem;margin-top:40px;padding:20px 10px;top:7rem;width:290px}.recipe-button{width:250px}.recipe-container-moved{top:14rem}.recipe-input{width:250px}li,p{font-size:1rem}}
/*# sourceMappingURL=main.aafc1867.css.map*/