html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}strong{font-weight:700}.login-form-container{color:#9bafaf;z-index:1;background-color:#000000bf;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:absolute;top:0;left:0;right:0}.login-form{background:linear-gradient(#253c3c,#1d4949);border-radius:.5rem;width:90%;max-width:650px;padding:2rem;position:relative;box-shadow:0 0 16px 1px #00000080}.login-form-control-row{gap:16px;margin-top:16px;display:grid}.login-form-control label{text-transform:uppercase;letter-spacing:1px;font-size:14.4px;font-weight:700;display:block}.login-form-control input{color:#142020;background-color:#869999;border:1px solid #758a8a;border-radius:.25rem;padding:.5rem}.password-form-control{position:relative}.password-form-control button{cursor:pointer;background:0 0;border:none;position:absolute;bottom:0;right:6px}.login-form-actions{justify-content:flex-end;gap:.5rem;margin-top:16px;display:flex}.login-form-type-button{color:#d9e2f1;cursor:pointer;background-color:#147b73;border:none;border-radius:.25rem;padding:.5rem 1rem}.login-form-type-button:hover,.login-form-type-button:focus{background-color:#319890}.login-form-link-container{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:32px;display:flex}@media (width>=500px){.login-form-control-row{grid-template-columns:1fr 1fr}}.header-user-info{text-align:right;background-color:#fdfaf7;padding:.25rem 1rem}.header-user-info span{font-size:.8rem}.button.logout-button{background-color:#e58a66;margin-left:.5rem}.navigation-bar{background-color:#e58a66;position:absolute;left:0;right:0}.navigation-bar>div{justify-content:space-between;align-items:center;max-width:1000px;margin:auto;padding:1rem;display:flex}.logo-container{align-items:center;gap:.25rem;display:flex}.logo{width:45px}.logo-container span{font-family:Playfair Display,serif}@media (width>=400px){.logo{width:55px}.logo-container span{font-size:1.5rem}}.loader{z-index:2;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader img{animation:1s linear infinite load}@keyframes load{to{transform:rotate(360deg)}}.recipes-secondary-header{margin-bottom:1.25rem}.recipes-secondary-header ul{justify-content:end;gap:.25rem;display:flex}.button.recipes-secondary-header-button{background-color:bisque}.button.recipes-secondary-header-button.active{background-color:#e58a66}@media (width>=500px){.recipes-secondary-header ul{gap:.5rem}.button.recipes-secondary-header-button{padding:6px 12px;font-size:1rem}}.main-categories{gap:8px;display:grid}.button.add-recipe-button{background-color:#e58a66;margin-top:1rem;padding:6px 12px;font-size:1rem}.main-category{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;height:160px;padding:8px 16px;position:relative}.main-category:hover{transition-duration:.3s;transform:scale(1.025)}.main-category a{height:100%;display:block}.main-category h2{font-weight:700}.main-category h2 span{opacity:.75;font-size:.65em}.button.add-recipe-button-small{background-color:#fac446;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:30px;display:flex;position:absolute;top:8px;right:8px}@media (width>=500px){.main-categories{grid-template-columns:1fr 1fr}}@media (width>=800px){.main-categories{grid-template-columns:1fr 1fr 1fr}}.form-container{z-index:1;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.form-container>div{background:linear-gradient(145deg,#ffd8c4 0%,#f0f2f5 50%,#b3e5fc 100%);border-radius:16px;width:90%;max-width:450px;padding:50px 16px 16px;position:relative}.cancel-button{position:absolute;top:0;right:16px}.input-container{margin-bottom:16px}label{margin-bottom:4px;font-size:14px;font-weight:700;display:block}select:not([name=duration]),input:not(#time){width:100%}.recipe-container-grid{gap:16px;display:grid}.recipe-container{border:8px double #907a64;border-radius:16px;grid-template-columns:1fr 1fr;gap:20px;padding:8px;display:grid}.recipe-container-button{cursor:pointer;background:0 0}.recipe-container-button:hover{transition-duration:.3s;transform:scale(1.025)}.recipe-image img{object-fit:cover;border-radius:16px;width:100%;height:100%}.recipe-details{flex-direction:column;gap:8px;display:flex}.recipe-details h2{text-align:center;font-family:Montserrat,sans-serif}.recipe-details-serves-prep-time{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.recipe-details-serves-prep-time img{width:25%}.recipe-details p{flex-direction:column;align-items:center;font-family:Tangerine,cursive;font-size:20px;display:flex}@media (width>=400px){.recipe-details h2{font-size:20px}.recipe-details p{font-size:24px}}@media (width>=500px){.recipe-details h2{font-size:28px}.recipe-details p{font-size:32px}}@media (width>=600px){.recipe-container-grid{grid-template-columns:1fr 1fr}.recipe-details h2{font-size:16px}.recipe-details p{font-size:20px}}@media (width>=700px){.recipe-details h2{font-size:20px}.recipe-details p{font-size:24px}}@media (width>=800px){.recipe-details p{font-size:32px}}@media (width>=1000px){.recipe-details h2{font-size:28px}}.recipe-page-container{z-index:1;background-color:#000000d9;position:absolute;top:0;left:0;right:0}.recipe-page{background-color:#fff;max-width:800px;margin:auto;position:relative}.recipe-page-close-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:24px;position:absolute;top:16px;right:16px}.recipe-page-close-btn:hover{color:#fff;background-color:#000}.recipe-page-image{background-color:#000000d9}.recipe-page-image img{border-radius:64px 64px 0 0;width:100%}.recipe-page-header{margin-top:16px}.recipe-page-header ul{justify-content:center;font-family:Playfair Display,serif;font-size:14px;display:flex}.recipe-page-header ul li{align-items:center;padding-inline:8px;display:flex}.recipe-page-header button{background:0 0;border:none;padding:0;font-family:Playfair Display,serif;font-size:14px}.recipe-page-header button:hover{background:0 0;text-decoration:underline}.recipe-page-header ul li:not(:last-child){border-right:2px solid #000}.recipe-page-header img{width:24px;margin-right:6px}.recipe-page h2{letter-spacing:3px;border-bottom:3px solid #000000a6;margin:24px 8px 0;padding-bottom:16px;font-family:Oswald,sans-serif;font-size:32px}.recipe-page-details{padding-inline:20px;padding-bottom:32px}.recipe-page-details h3{letter-spacing:1px;margin:32px 0 16px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.ingredients-list,.directions-list{font-family:Cormorant Garamond,serif;font-size:18px}.ingredients-list ul li:before{content:"";background-color:#000;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.directions-list ol{list-style-type:decimal;list-style-position:inside}@media (width>=400px){.recipe-page-header ul li{padding-inline:24px}}@media (width>=500px){.recipe-page h2{margin-inline:20px}.recipe-page-details{padding-inline:32px}}@media (width>=700px){.recipe-page h2{margin-inline:32px}.recipe-page-details{padding-inline:52px}}*{box-sizing:border-box}html{font-family:Open Sans,sans-serif;font-size:16px}#root{background-color:#fdfaf7}.app-wrapper{max-width:1000px;margin:auto}h1{margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}a{color:#000;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0}.button{cursor:pointer;background-color:#faebd7;border:1px solid #faebd7;border-radius:8px;padding:4px 10px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:600}.button:hover{background-color:#e58a66}