:root{--font-color:#000;--btn-gradient:linear-gradient(to right bottom,#ccbd34,#0d6c3f);--g-font:"RocknRoll One",sans-serif}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{min-width:1200px;box-sizing:border-box;font-size:62.5%}body{font-family:var(--g-font);font-weight:200;line-height:1.6;color:var(--font-color);background-image:url(pexels-pixabay-326268.cba13ea3.jpg);background-size:cover;background-attachment:fixed;background-position:50% 30%;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:1200px;height:1200px;margin:1.5vw auto;border-radius:6px;position:relative}.btn,.btn-small,.btn-small:link,.btn-small:visited{background-image:var(--btn-gradient);border-radius:10rem;border:none;text-transform:uppercase;color:#fff;cursor:pointer;display:flex;align-items:center;transition:all .2s}.btn-small:hover,.btn:hover{transform:scale(1.05)}.btn-small:focus,.btn:focus{outline:none}.btn-small>:first-child,.btn>:first-child{margin-right:1rem}.btn{padding:1.3rem 3rem;font-size:1.4rem}.btn-small,.btn-small:link,.btn-small:visited{font-size:1.3rem;padding:1rem 1.75rem;text-decoration:none}.btn-small .bx{font-size:3rem}.btn-inline{color:#fff;font-size:1.5rem;border:none;padding:.8rem 1.2rem;border-radius:10rem;cursor:pointer;display:flex;align-items:center;transition:all .2s;margin-right:2rem;background-image:var(--btn-gradient)}.btn-inline i{fill:currentColor;margin:0 .2rem;font-size:2rem}.btn-inline span{margin:0 .4rem}.btn-inline:hover{transform:scale(1.1)}.btn-inline:focus{outline:none}.loader{margin:5rem auto;text-align:center}.loader i{font-size:10rem;color:var(--font-color);margin-top:50%;transform-origin:44% 50%;animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.header{display:flex;align-items:center;justify-content:space-between;width:80%;height:100px;position:absolute;z-index:2;left:14%;backdrop-filter:blur(10px)}.header__logo{padding-left:3rem;height:100%;display:block}.search{background-color:#fff;border-radius:10rem;display:flex;align-items:center;padding-left:3rem;transition:all .3s}.search:focus-within{transform:translateY(-2px);box-shadow:0 .7rem 3rem rgba(101,90,86,.08)}.search__field{border:none;background:none;font-family:inherit;color:inherit;font-size:1.7rem;width:30rem}.search__field:focus{outline:none}.search__field::placeholder{color:#dad0cc}.likes{position:relative;align-self:stretch;padding:0!important;padding:3rem 0}.likes__field{cursor:pointer;padding:0 3.5rem 1rem;display:flex;align-items:center;height:100%;transition:all .3s}.likes__field:hover{background-color:#f2efee}.likes__icon{height:3.75rem;width:3.75rem;font-size:5rem;color:var(--font-color)}.likes__field:hover+.likes__panel,.likes__panel:hover{visibility:visible;opacity:1}.likes__panel{position:absolute;right:0;top:10rem;z-index:10;padding:2rem 0;width:34rem;background-color:#fff;box-shadow:0 .8rem 5rem 2rem rgba(101,90,86,.1);visibility:hidden;opacity:0;transition:all .5s .2s;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.results__list{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.results__list li{width:300px;height:100px;margin:20px;display:flex;backdrop-filter:blur(10px)}.likes__list,.results__list{list-style:none}.likes__list{box-shadow:0 .8rem 5rem 2rem rgba(101,90,86,.1)}.likes__list li{background-color:hsla(0,0%,100%,.8)}.likes__link:link,.likes__link:visited,.results__link:link,.results__link:visited{display:flex;align-items:center;transition:all .3s;text-decoration:none}.likes__link:link,.likes__link:visited{padding:1.5rem 3rem;border-right:1px solid #fff}.likes__link:hover,.results__link:hover{background-color:#f9f5f3;transform:scale(1.1);border-radius:5px}.likes__link--active,.results__link--active{background-color:#f9f5f3}.likes__fig,.results__fig{flex:0 0 10rem;overflow:hidden;height:10rem;margin-right:2rem;position:relative;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.likes__fig:before,.results__fig:before{content:"";display:block;height:100%;width:100%;position:absolute;top:0;left:0}.likes__fig img,.results__fig img{display:block;width:100%;height:100%;object-fit:cover;transition:all .3s;border-top-left-radius:5px;border-bottom-left-radius:5px}.likes__name,.results__name{font-size:1.5rem;color:var(--font-color);text-transform:uppercase;font-weight:600;margin-bottom:.3rem}.likes__author,.results__author{font-size:1.1rem;color:#240000;text-transform:uppercase;font-weight:600}.results__pages{padding:6rem;position:absolute;z-index:3;bottom:0;left:0}.results__pages:after{content:"";display:table;clear:both}.results__btn--hidden{float:left;pointer-events:none;opacity:0}.results__btn--prev{float:left;flex-direction:row-reverse}.results__btn--next{float:right}.recipe-container{position:absolute;bottom:0;right:0;width:1100px;height:96%;backdrop-filter:blur(5px)}.recipe{position:absolute;bottom:3%;right:-2%;width:80%;height:90%}.recipe .introText{position:absolute;bottom:50%;left:35%;width:70%;font-size:2rem;text-align:center;font-weight:600;text-transform:uppercase;line-height:2;transform:translate(-50%,20%) skewY(-6deg)}.recipe__fig{height:30rem;position:relative;transform:scale(1.04) translateY(-1px);transform-origin:top}.recipe__fig:before{content:"";position:absolute;top:0;left:0}.recipe__fig:before,.recipe__img{display:block;height:100%;width:100%}.recipe__img{object-fit:cover;border-radius:20px}.recipe__title{position:absolute;bottom:0;left:50%;transform:translate(-50%,20%) skewY(-6deg);color:#fff;font-weight:700;font-size:2.75rem;text-transform:uppercase;width:70%;line-height:1.95;text-align:center}.recipe__title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1.3rem 2rem;background-image:var(--btn-gradient)}.recipe__details{padding:8rem 3rem 3rem}.recipe__details,.recipe__info{display:flex;align-items:center}.recipe__info{font-size:1.5rem;text-transform:uppercase}.recipe__info:not(:last-child){margin-right:4rem}.recipe__info-icon{height:2rem;width:2rem;fill:var(--font-color);margin-right:1rem}.recipe__info-data{margin-right:.4rem;font-weight:600}.recipe__info-buttons{display:flex;margin-left:1.5rem;visibility:hidden;opacity:0;transform:translateY(5px);transition:all .4s}.recipe:hover .recipe__info-buttons{visibility:visible;opacity:1;transform:translateY(0)}.recipe__love{background-image:var(--btn-gradient);border-radius:50%;border:none;cursor:pointer;height:6rem;width:6rem;font-size:5rem;margin-left:auto;transition:all .2s;display:flex;align-items:center;justify-content:center}.recipe__love:hover{transform:scale(1.2);box-shadow:0 15px 25px rgba(0,0,0,.25)}.recipe__love:focus{outline:none}.recipe__love i{font-size:3rem;color:#103a00}.bxs-time-five,.bxs-user{color:var(--font-color);padding-right:.5rem;font-size:4rem}.recipe__ingredients{padding:3rem 2rem;font-size:1.5rem;line-height:1.4;background-color:#f2efee;display:flex;flex-direction:column;align-items:center;box-shadow:0 15px 25px rgba(0,0,0,.5)}.recipe__ingredient-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1.5rem;grid-row-gap:2.5rem;list-style:none;height:clamp(150px,300px,350px);overflow-y:auto}.recipe__item{display:flex}.recipe__item i{color:#005200}.recipe__icon{margin-right:1rem;flex:0 0 auto;font-size:2.5rem;color:var(--font-color)}.recipe__count{margin-right:.5rem;flex:0 0 auto}.recipe__directions{padding:2rem 2rem 5rem;display:flex;flex-direction:column;align-items:center}.recipe__directions-text{font-size:1.5rem;text-align:center;width:90%;margin-bottom:3rem;color:var(--font-color)}.recipe__by{font-weight:700;color:#240000;font-size:1.5rem;border-bottom:1px solid #000}.heading-2{font-size:1.8rem;font-weight:600;color:var(--font-color);text-transform:uppercase;margin-top:1rem;margin-bottom:2.5rem;text-align:center;transform:skewY(-3deg)}.upload-container{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;margin-top:10rem;margin-left:5rem}.nav__btn{font-size:60px;border:none;color:var(--font-color);cursor:pointer;padding:2rem 2rem 1rem;background-color:transparent;transition:all .5s}.nav__btn:hover{background-color:#f2efee}.nav__btn:hover+.user__panel,.user__panel:hover{visibility:visible;opacity:1;padding:2rem 0}.user__panel{position:absolute;right:0;top:10rem;z-index:10;width:34rem;visibility:hidden;opacity:0;transition:all .5s .2s}.user__list{list-style:none}.user__list li{box-shadow:0 .8rem 5rem 2rem rgba(101,90,86,.1);background-color:hsla(0,0%,100%,.8)}.add-recipe-window{padding:5rem 6rem;z-index:1000;transition:all .5s;backdrop-filter:blur(30px);position:absolute}.add-recipe-window .btn--close{font-family:inherit;color:inherit;position:absolute;top:.5rem;right:1.6rem;font-size:3.5rem;cursor:pointer;border:none;background:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(10px);z-index:100;transition:all .5s}.hidden{visibility:hidden;opacity:0}.upload{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"data ingr";gap:4rem 6rem}.upload__column{display:grid;grid-template-columns:1fr;align-items:center;gap:1.5rem}.upload__column label{font-weight:600;color:inherit}.upload__column input{font-size:1.5rem;padding:.8rem 1rem;border:1px solid #0b8300;border-radius:.5rem;transition:all .2s}.upload__column input::placeholder{color:#d3c7c3}.upload__column input:focus{outline:none;border:1px solid #f38e82;background-color:#f9f5f3}.upload__info{grid-area:data;gap:3.5rem 6rem}.upload__info label{font-size:2rem}.upload__ingr{grid-area:ingr}.upload__ingr label{font-size:1.75rem}.upload__heading{font-size:2.25rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;grid-column:-1;border-bottom:3px solid var(--font-color);text-align:center}.upload__btn{justify-self:center;position:absolute;bottom:-5%;left:43%;padding:1rem 2rem}.upload__btn i{font-size:3rem}.user__recipe__img{object-fit:contain;padding-top:2rem}.user__ingredients__list{font-size:2rem}.user__publisher{font-size:1.5rem;height:6rem;margin:0 auto;transition:all .2s;display:flex;align-items:center;justify-content:center}.user__publisher__name{font-weight:600;font-size:2rem;color:#240000;padding:1rem}.user__ingredients{height:55%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;justify-content:center;box-shadow:none}.copyright{color:#000;font-size:1.5rem;font-weight:600;text-align:center;position:absolute;width:20%;height:30px;bottom:-1.5%;left:45%;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.glass{background-color:hsla(0,0%,100%,.2);box-shadow:0 15px 25px rgba(0,0,0,.05);border-bottom:1px solid hsla(0,0%,100%,.25);border-top:1px solid hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.25);border-style:solid;border-width:1px;border-radius:10px}
/*# sourceMappingURL=index.74419513.css.map */