:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100vw;margin:0 auto}.header{width:100%;background-color:#161616;color:#fff}.header__nav{width:80%;margin:0 auto;padding:30px 0;list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.header__item{color:#fff;text-decoration:none;cursor:pointer;border-bottom:1px solid #161616}.header__item:hover{border-bottom:1px solid #ffffff}.library{width:80%;margin:0 auto;padding:50px 0}.library__list{list-style:none;margin:30px 0 50px;padding:0}.library__item{display:flex;flex-direction:row;border-radius:16px;padding:0 0 0 15px;box-shadow:2px 2px 5px #0000004d;border:1px solid rgba(0,0,0,.3);margin-bottom:10px}.library__author{width:40%}.library__title{width:50%;text-align:left}.library__button{border:none;margin-left:auto;border-radius:16px;padding:0 20px;background-color:#fce4e4;width:100px;cursor:pointer}.library__button_available{background-color:#e3fce3}.library__form{display:flex;flex-direction:column;gap:15px;margin:20px 0}.library__input{padding:15px;border-radius:10px;border:1px solid rgba(0,0,0,.3)}.library__submit-button{width:200px;border-radius:10px;border:1px solid rgba(0,0,0,.3);height:47px;cursor:pointer}.notes{display:flex;gap:5px;width:80%;margin:50px auto 40px}.notes__header{width:80%;margin:30px auto}.notes__input{width:90%;height:40px;border-radius:16px;border:2px solid rgb(102,102,224);padding:0 10px}.notes__add-button{width:40px;height:40px;border-radius:50%;background-color:#6666e0;color:#fff;border:none;cursor:pointer;font-size:20px}.notes__add-button:hover{opacity:.7}.notes__empty{text-align:center;opacity:.7}.notes__buttons{display:flex;gap:10px;justify-content:center}.notes__filter-button{box-sizing:border-box;background-color:inherit;cursor:pointer;border:none;outline:none;color:#6666e0;border-bottom:1px solid #ffffff}.notes__filter-button:hover{border-bottom:1px solid rgb(102,102,224)}.notes__list{list-style:none;padding:0;width:80%;margin:30px auto}.note{display:flex;flex-direction:row;justify-content:space-between;border-radius:16px;padding:0 0 0 15px;box-shadow:2px 2px 5px #0000004d;border:1px solid rgba(0,0,0,.3);margin-bottom:10px}.note_done{box-shadow:none;background-color:#f0f0f0}.note:hover{box-shadow:none}.note__content{margin:10px 0;cursor:pointer}.note__del-button{border-radius:16px;border:none;cursor:pointer}.carousel{width:90%;margin:0 auto;display:flex;flex-direction:row;place-items:center;gap:15px}.carousel__header{width:75%;margin:50px auto 20px}.carousel__list{width:95%;margin:50px auto 130px;display:flex;justify-content:space-between;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0;gap:15px}.carousel__button{width:70px;border:none;background-color:inherit;font-size:54px;border-radius:20px;background-color:#d0d0d0;opacity:.7;height:90px;cursor:pointer;box-shadow:2px 2px 5px #0000004d}.carousel__button:hover{opacity:.5;box-shadow:none}.card{list-style:none;margin:0;text-align:center;padding:15px;width:45%;border-radius:20px;min-height:500px;display:flex;flex-direction:column;justify-content:space-around}.card__image{width:100%;height:auto}.card__ingredients{text-align:left;font-size:10px;margin:0;opacity:.7}.calculator{width:80%;margin:50px auto}.calculator__input{width:100px;border-radius:7px;margin-right:20px;padding:7px 10px}.calculator__buttons{margin-top:30px}.calculator__button{margin-right:15px;padding:7px;border-radius:7px;cursor:pointer;transition:opacity .3s ease-in-out}.calculator__button:hover{opacity:.7}.algorithms{width:80%;margin:50px auto}.algorithms__form{display:flex;flex-direction:column;gap:15px}.algorithms__input{width:500px;border-radius:7px;margin-right:20px;padding:8px 10px}.algorithms__button{width:15%;margin-right:15px;padding:7px;border-radius:7px;cursor:pointer;transition:opacity .3s ease-in-out}