@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#ececeb}.search-filter-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:50px;margin-top:50px}.group{align-items:center;border:2px solid #2e383f;border-radius:10px;display:flex;margin-right:50px;max-width:500px;position:relative}.group,.search{line-height:28px}.search{background-color:#f3f3f4;border:2px solid #0000;border-radius:8px;color:#0d0c22;height:40px;outline:none;padding:0 1rem 0 2.5rem;transition:.3s ease;width:100%}.search::placeholder{color:#9e9ea7}.search:focus,input:hover{background-color:#fff;border-color:#ea4c8966;box-shadow:0 0 0 4px #ea4c891a;outline:none}.icon{fill:#9e9ea7;left:1rem;position:absolute;top:10px}.category-filters{color:#2e383f;font-family:Montserrat,sans-serif;font-size:17px;font-weight:1000;letter-spacing:2px}.checkbox{margin-right:10px}.homepage-card{flex-wrap:wrap;justify-content:space-evenly}.card,.homepage-card{display:flex;font-family:Montserrat,sans-serif}.card{background-color:#2e383f;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;flex-direction:column;height:450px;margin-bottom:30px;margin-right:10px;padding:10px;transition:.4s;width:350px}.card:hover{box-shadow:0 0 10px 2px #141313;transform:scale(1.02)}.card__img{background-color:#cdebff;border-radius:4px;height:200px;width:100%}.card__descr-wrapper{display:grid;padding:15px}.card__title{display:block;font-size:1.25rem;font-weight:700;letter-spacing:1.5px;line-height:1.35rem;padding-bottom:5px;padding-top:14px}.card__details,.card__title{color:#f9a828;font-family:Montserrat,sans-serif;margin-top:-10px}.card__details{font-size:16px;font-weight:600}.card__descr{color:#ececeb;margin-top:-10px}.card__links{display:flex;flex-direction:row;justify-content:space-between}.favorite-button,.link{color:#f9a828;font-family:Montserrat,sans-serif;text-decoration:underline}.favorite-button{background-color:#2e383f;border:0;border-radius:50px;cursor:pointer;font-size:15px;transition:all .5s ease}@media screen and (max-width:768px){.search-filter-container{flex-direction:column}.group{align-items:center}.search{width:calc(100% - 20px)}.checkbox{font-size:10px;margin-left:0}.category-filters{letter-spacing:2px;margin-left:18px;margin-top:15px}}.nav-bar{align-items:center;background-color:#2e383f;display:flex;height:40px;justify-content:space-between;padding:25px 1.5rem}.logo{color:#f0f8ff;font-weight:700;margin-left:12px;text-transform:uppercase}.fas,.logo{cursor:pointer;font-size:1.25rem}.fas{color:#fff}.list-nav-bar{display:flex;gap:20px;list-style:none;text-transform:uppercase}.list-item a{color:#fff;cursor:pointer;font-family:'Montserrat", sans-serif';font-size:1.25rem;letter-spacing:.1rem;margin-left:.5rem;text-align:center;text-decoration:none}.list-item a:hover{color:#a0a0a0}.burger-menu{display:none}.main-content{margin-top:25vh;text-align:center}.main-content h1{color:#fff;font-size:3.5rem}@media screen and (max-width:768px){.list-item a,.logo{font-size:.875rem}}@media screen and (max-width:578px){.list-item a{font-size:1rem}.list-nav-bar.active{right:0}.list-nav-bar{background-color:#0003;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:18px;position:fixed;right:-100%;text-align:center;top:60px;transition:.7s;width:35%}.burger-menu{cursor:pointer;display:block}}.recipe-details{background-color:#2e383f;border-radius:15px;margin:50px auto 0;width:95%}.recipe-header{color:#f9a828;font-family:Montserrat,sans-serif;margin-top:30px;text-align:center}.recipe-image{border-radius:50%;display:block;margin:0 auto;width:307px}.ingredient{color:#f9a828}.ingredient,.ingredient-list{font-family:Montserrat,sans-serif;text-align:center}.ingredient-list{color:#ececeb;list-style-type:none;padding:0}.items{display:inline;margin-right:10px}.items:after{content:",";margin-left:5px}.rating{align-items:center;display:flex;flex-direction:row;justify-content:center}.rate-header{color:#f9a828;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700}.stars{color:#f9a828;margin-left:15px}@media screen and (max-width:768px){.ingredient-list{line-height:37px;margin-left:11px;text-align:left}}
/*# sourceMappingURL=main.8bf79507.css.map*/