:root{--font-family: "Open Sans";--header-border-color:rgb(252,252,252);--page-bg-color:rgba(161,0,0,.3);--main-bg-color:rgb(252,252,252);--accent-hue: 0;--accent-color: hsla(var(--accent-hue), 100%, 70%, 1);--accent-color-dark: hsla(var(--accent-hue), 100%, 30%, 1);--accent-color-light: hsla(var(--accent-hue), 100%, 90%, 1);--accent-color-lighter: hsla(var(--accent-hue), 100%, 95%, 1);--accent-color-hover: hsla(var(--accent-hue), 100%, 80%, 1);--accent-color-muted: hsla(var(--accent-hue), 100%, 10%, .3);--text-color:rgb(0,0,0);--text-color-muted:hsla(0, 0%, 0%, .5);--text-color-slightly-muted:hsla(0, 0%, 20%, .8);--notice-bg-color:rgb(235,235,235);--nav-height:4rem;--button-border-radius: .3rem;--logotype-path: url(/assets/img/logo.png)}*{margin:0;padding:0;font-family:var(--font-family);color:var(--text-color)}:focus-visible{outline:.125rem dashed var(--accent-color);outline-offset:.125rem;border-radius:var(--button-border-radius)}body{background:var(--page-bg-color);margin:0 auto;padding-bottom:4rem}main{background:var(--main-bg-color);max-width:80rem;margin:0 auto}header{width:100%;border-bottom:.25rem solid var(--header-border-color);box-sizing:border-box}body>footer>p,#root>footer>p{text-align:center;padding:1rem 0;box-sizing:border-box;color:var(--accent-color-dark);font-size:1rem}body>footer>p>span,#root>footer>p>span{font-size:1rem;color:var(--accent-color-muted)}header>img{border:.05rem solid var(--header-border-color);height:100%;width:calc(100% - .1rem);max-height:30rem;object-fit:cover;filter:brightness(130%)}header nav{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:var(--nav-height);box-sizing:border-box;padding:0 .75rem;background-color:var(--main-bg-color)}header nav>ol{list-style:none;display:flex;width:100%;justify-content:space-between;align-items:center}header nav>ol>li:first-child{width:7.5rem}header nav>ol>li:first-child>a{display:block;width:7.5rem;height:var(--nav-height);background-color:var(--accent-color);mask:var(--logotype-path) no-repeat center / contain;-webkit-mask:var(--logotype-path) no-repeat center / contain;transition:all .3s ease}header nav>ol>li:first-child>a:hover{transform:scale(1.5) translate(.9375rem);background-color:var(--accent-color-hover)}header nav>ol>li:last-child{width:7.5rem;text-align:right}header nav>ol>li:last-child>a{text-align:right;text-wrap:nowrap;padding:.4rem .75rem;border-bottom:.2rem solid var(--accent-color-dark);border-radius:var(--button-border-radius);background-color:var(--accent-color);color:var(--main-bg-color);text-decoration:none;transition:all .3s ease}header nav>ol>li:last-child>a:hover{background-color:var(--accent-color-hover);border-color:var(--accent-color)}header nav>ol>li{width:100%}header nav>ol>li>ul{list-style:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2vw}header nav>ol>li>ul>li>a{width:100%;padding:.4rem .5rem;margin:.125rem .25rem .2rem;display:block;text-align:center;text-decoration:none;text-wrap:nowrap;color:var(--text-color)}header nav>ol>li>ul>li>a:hover,header nav>ol>li>ul>li>a .active{color:var(--accent-color-dark);background-color:var(--accent-color-lighter);border-radius:var(--button-border-radius);transition:all .3s ease}@media(max-width:38rem){header nav>ol>li>ul{gap:0rem;justify-content:space-around}header nav>ol>li>ul>li{font-size:.875rem}header nav>ol>li>ul>li>a{padding:0;margin:0}}form input,form textarea{width:100%;padding:.5rem;box-sizing:border-box;border:.1rem solid var(--accent-color-muted);border-radius:var(--button-border-radius);margin-bottom:2rem;font-size:1rem;font-family:var(--font-family)}form input[type=checkbox],form textarea[type=checkbox]{float:left;height:auto;width:auto;margin-right:.5rem;margin-bottom:0}form input:focus,form textarea:focus{border-color:var(--accent-color-dark)}form input::placeholder,form textarea::placeholder{color:var(--text-color-muted)}form select{width:100%;padding:.5rem;box-sizing:border-box;border:.1rem solid var(--accent-color-muted);border-radius:var(--button-border-radius);margin-bottom:2rem;font-size:1rem;font-family:var(--font-family)}form select:focus{border-color:var(--accent-color-dark)}form select>option{color:#00f}form select>option.placeholder{color:red}form label{display:block;margin-bottom:.25rem;font-weight:700}form .container{display:flex;justify-content:space-between;gap:.5rem}form .container>div{flex:1}@media(max-width:38rem){form .container>div{width:100%}}form .container>div.agree{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:2rem}form .container>div.agree>label{margin:0}@media(max-width:38rem){form .container{flex-direction:column;align-items:flex-start}}form button:last-child{margin-left:.5rem}.btn{text-align:right;text-wrap:nowrap;padding:.4rem .75rem;border:0 none;border-bottom:.2rem solid var(--accent-color-dark);border-radius:var(--button-border-radius);background-color:var(--accent-color);color:var(--main-bg-color);text-decoration:none;transition:all .3s ease}.btn:hover{background-color:var(--accent-color-hover);border-color:var(--accent-color)}.btn.muted{background-color:var(--accent-color-lighter);color:var(--text-color-muted);border-bottom:.2rem solid var(--accent-color-muted)}.btn.muted:hover{background-color:var(--accent-color-light);border-color:var(--accent-color-dark)}main.page article h1{font-size:1.75rem;font-weight:700;color:var(--accent-color);text-align:center;padding:1.5rem 0}main.page article section.recepies-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 3rem}main.page article section.recepies-container>a{text-decoration:none;width:100%;background-color:#fff;padding:1rem;box-sizing:border-box;box-shadow:0 .25rem .4rem #0000001a;display:flex;flex-direction:column;gap:1rem;cursor:default;border-radius:0;transform:scale(1)}main.page article section.recepies-container>a:hover{box-shadow:0 .4rem .65rem #00000040;border-radius:calc(var(--button-border-radius) * 2);transform:scale(1.01);transition:all .25s ease}main.page article section.recepies-container>a:hover>img{filter:brightness(150%) contrast(90%);border-radius:calc(var(--button-border-radius) * 2);transition:all .25s ease}main.page article section.recepies-container>a>img{width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;cursor:pointer;filter:brightness(130%) contrast(100%);border-radius:0;transition:all .5s ease}main.page article section.recepies-container>a>h2{display:block;font-size:1.25rem;font-weight:700;cursor:pointer}main.page article section.recepies-container>a>h2:hover{color:var(--accent-color-dark);text-decoration:underline}main.page article section.recepies-container>a>p{display:block;font-size:1rem;font-weight:400;line-height:1.2rem;text-wrap:pretty;color:var(--text-color-slightly-muted)}@media(max-width:75rem){main.page article section.recepies-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:55rem){main.page article section.recepies-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:38rem){main.page article section.recepies-container{grid-template-columns:repeat(1,minmax(0,1fr))}}main.recept article{display:flex;flex-direction:column;justify-content:flex-start;padding:3rem 3rem 4rem;gap:1.5rem}main.recept article header{display:flex;justify-content:center;align-items:center;width:100%;height:30rem;min-height:30rem;overflow:hidden}main.recept article h1{font-size:1.75rem;font-weight:700;color:var(--accent-color)}main.recept article h2{font-size:1.5rem;font-weight:700}main.recept article>p{background:var(--notice-bg-color);padding:1rem}main.recept section[aria-labelledby=ingredients],section[aria-labelledby=instructions],section[aria-labelledby=suggestions]{display:flex;flex-direction:column;gap:1rem}main.recept section[aria-labelledby=ingredients] ul,section[aria-labelledby=instructions] ol{margin-left:2.5rem;font-size:1rem;font-weight:400;line-height:2rem}main.recept section[aria-labelledby=instructions] ol{margin-left:1.5rem}main.recept section[aria-labelledby=suggestions] ul{width:100%;list-style:none;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:1rem}main.recept section[aria-labelledby=suggestions] ul li{position:relative;flex:1 1 calc(50% - .5rem);box-sizing:border-box;max-width:calc(50% - 1rem);aspect-ratio:4 / 3;overflow:hidden}main.recept section[aria-labelledby=suggestions] ul li img{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto;display:block;overflow:hidden;filter:brightness(130%)}main.recept section[aria-labelledby=suggestions] ul.textual-suggestions{list-style:disc;display:block;margin-left:2.5rem;gap:0}main.recept section[aria-labelledby=suggestions] ul.textual-suggestions li{position:static;flex:0 0 auto;max-width:100%;aspect-ratio:auto;overflow:visible}main.recept section[aria-labelledby=suggestions] ul.textual-suggestions li+li{margin-top:.5rem}@media(max-width:45rem){main.recept article{padding:3rem 1rem 4rem}main.recept section[aria-labelledby=suggestions] ul{flex-direction:column;gap:1.5rem}main.recept section[aria-labelledby=suggestions] ul li{flex:1 1 100%;max-width:100%;aspect-ratio:3 / 4}main.recept section[aria-labelledby=suggestions] ul li img{position:static;top:auto;transform:none;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(130%)}}