*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1c3e35;color:#ecfdf5;font-family:Dosis,sans-serif;padding:48px 64px}.message{font-size:32px;margin-top:24px;text-align:center;text-transform:uppercase}.hidden{display:none!important}.unpopular{color:#f97316;font-weight:600;margin-right:10px}#root{margin:0 auto;max-width:1500px}.header{justify-content:space-between}.header,.recipe-form{align-items:center;display:flex;margin-bottom:40px}.recipe-form{background-color:#467a69;border-radius:15px;gap:16px;padding:16px 32px}.recipe-form input,.recipe-form select{background-color:#1c3e35;border:none;border-radius:5px;color:inherit;font-family:inherit;font-size:18px;padding:10px;width:220px}.recipe-form input::placeholder{color:#467a69}.recipe-form input:first-child{flex-grow:1}.recipe-form span{color:#99f2d1;font-size:16px;margin-right:18px}@media (max-width:1000px){body{padding:16px 24px}.recipe-form{align-items:stretch;flex-direction:column}.recipe-form input,.recipe-form select{width:auto}}.main{grid-gap:48px;display:grid;gap:48px;grid-template-columns:250px 1fr}@media (max-width:900px){.main{grid-template-columns:1fr}}.logo{align-items:center;display:flex;gap:16px}.logo img{height:64px;width:64px}h1{color:#99f2d1;font-size:42px;text-align:center}.category{margin-bottom:20px;text-transform:uppercase}.recipe{align-items:center;background-color:#467a69;border-radius:15px;display:flex;font-size:20px;gap:24px;letter-spacing:1px;line-height:1.4;margin-bottom:16px;padding:16px 24px}@media (max-width:1200px){.recipe{flex-direction:column;gap:12px}}.description{color:#99f2d1}.recipe-link:link,.recipe-link:visited{color:#1c3e35;margin-left:12px;text-decoration:none;transition:.3s}.recipe-link:active,.recipe-link:hover,.tag{color:#99f2d1}.tag{background-color:#1c3e35;-webkit-clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);font-size:14;padding:10px;text-transform:uppercase}.vote-buttons{flex-shrink:0;gap:8px;margin-left:auto}.vote-buttons button{background-color:#99f2d1;border:none;border-radius:5px;color:#1c3e35;cursor:pointer;font-family:inherit;font-size:18px;padding:1px 2px;transition:.3s}.vote-buttons button:hover{background-color:#ecfdf5}.vote-buttons button:disabled{background-color:#467a69}ul{list-style-type:none}.btn{border:none;-webkit-clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);cursor:pointer;font-family:Dosis,sans-serif;font-size:22px;line-height:1;padding:8px;text-transform:uppercase;transition:.3s}.btn,.btn:hover{background-image:linear-gradient(135deg,#467a69,#d8f3dc,#99f2d1,#ecfdf5);color:#1c3e35}.btn:hover{transform:scale(120%) rotate(-2deg)}.btn-large{font-size:24px;padding:10px}@media (max-width:900px){.btn-large{font-size:18px;margin-left:5px;padding:8px}}.btn-all-categories{margin-bottom:16px;width:100%}.btn-category{background-color:#467a69;background-image:none;color:#d8f3dc;width:100%}.footer{display:flex;flex-shrink:0;font-size:14px;gap:4px;justify-content:center;padding-top:100px}.footer-link:link,.footer-link:visited{color:#99f2d1;text-decoration:none;transition:.3s}.footer-link:active,.footer-link:hover{color:#d8f3dc}
/*# sourceMappingURL=main.eace97ab.css.map*/