*{box-sizing:border-box;margin:0;padding:0}:root{--wrapper-max-width:95rem;--wrapper-width:92.5%;--max-width-med:80rem;--page-title-fz:1.75rem;--heading-lg-fz:1.625rem;--heading-med-fz:1.375rem;--heading-sm-fz:1.125rem;--normal-fz:1rem;--small-fz:0.9375rem;--main-bg-clr:#111827;--dark-grey:#1f2937;--supporting-txt-clr:#9ca3af;--ultra-light-grey:#f9fafb;--brand-orange:#fdba74;--accent-lime:#bef264}body,button,input,select,textarea{font-family:Karla,sans-serif;font-size:1rem}body{background-color:#111827;background-color:var(--main-bg-clr);color:#fff}p{line-height:1.6}.App{display:grid;grid-auto-rows:auto 1fr auto;min-height:100vh}.error,.msg{font-weight:700;margin-bottom:1rem;padding:.5rem}.msg{background-color:#0c4a6e;color:#bae6fd}.error{background-color:#fecaca;color:#b91c1c}input::-webkit-file-upload-button{background-color:#fdba74;background-color:var(--brand-orange);border:none;border-radius:4px;color:#111827;color:var(--main-bg-clr);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08rem;padding:.625rem 1.25rem;text-transform:uppercase;-webkit-transition:opacity .11s ease;transition:opacity .11s ease}.cta-btn,input::file-selector-button{background-color:#fdba74;background-color:var(--brand-orange);border:none;border-radius:4px;color:#111827;color:var(--main-bg-clr);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.08rem;padding:.625rem 1.25rem;text-transform:uppercase;transition:opacity .11s ease}.cta-btn:hover{opacity:.75}.title--highlight-wrapper{align-items:center;display:flex;justify-content:center}.title--highlight{color:#111827;color:var(--main-bg-clr);padding:0 .75rem;position:relative;transform:rotate(-2deg)}.title--highlight:after,.title--highlight:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.title--highlight:after{background-color:#bef264;background-color:var(--accent-lime);z-index:-1}.title--highlight:before{background-color:#f9fafb;background-color:var(--ultra-light-grey);transform:rotate(2deg);z-index:-2}.input--short{max-width:60%}.input--long{max-width:100%}.header{margin-bottom:2rem;padding:2rem 0}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding-left:.875rem;width:min(var(--wrapper-width),var(--wrapper-max-width))}.nav__logo-img{height:auto;width:13rem}.nav__list{align-items:center;display:flex;gap:3ch;list-style:none}.nav__link{color:inherit;font-size:1.0625rem;padding:.5rem 0;text-decoration:none}.log-out-btn{background:none;border:none;color:#fff;cursor:pointer}.search-form{max-width:25rem;width:100%}.search-form__input{background-color:#f3f4f6;border:none;border-radius:4px;caret-color:var(--main-bg-clr);color:var(--main-bg-clr);font-size:1rem;padding:.5625rem .5rem;width:100%}.search-form__input::placeholder{color:#6b7280}@media screen and (max-width:68em){.nav{flex-direction:column;padding-left:0}.nav__logo-link,.search-form{margin-bottom:1rem}}.footer{align-items:center;display:flex;justify-content:center;padding:1.75rem 0}.footer__title{color:var(--brand-orange);font-weight:400}.loading-icon{animation:spinner 1s ease-in-out infinite alternate;background-color:var(--accent-lime);border-radius:.5rem;height:3.5rem;width:3.5rem}@keyframes spinner{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(.75)}to{transform:rotate(1turn) scale(1)}}.global-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.discover__title{margin-bottom:3rem;text-align:center}@media screen and (max-width:26em){.discover__title{font-size:var(--heading-lg-fz)}}:root{--grid-col-height:375px;--card-hover-anim-dur:425ms}.masonry-grid{display:flex;flex-wrap:wrap;gap:.875rem;margin:0 auto;max-width:var(--wrapper-max-width);padding-left:.875rem;width:var(--wrapper-width)}.masonry-grid__link{flex:1 0 auto;height:375px;height:var(--grid-col-height);text-decoration:none;width:auto}.masonry-grid__link__fig{display:grid;grid-template-columns:1fr;grid-template-rows:375px;grid-template-rows:var(--grid-col-height);height:100%;width:100%}.masonry-grid__link__fig:before{background-image:linear-gradient(180deg,#0000,#06070d80);content:"";grid-column:1/-1;grid-row:1/-1;opacity:0;transition:opacity 425ms ease;transition:opacity var(--card-hover-anim-dur) ease;visibility:hidden;z-index:5}.masonry-grid__link:hover figure:before{opacity:1;visibility:visible}.masonry-grid__link__img{grid-column:1/-1;grid-row:1/-1;height:100%;object-fit:cover;width:100%}.masonry-grid__link__fig-caption{align-self:end;color:#fff;display:flex;flex-direction:column;grid-column:1/-1;grid-row:1/-1;margin:1rem 1.5rem;opacity:0;transition:opacity 425ms ease;transition:opacity var(--card-hover-anim-dur) ease;visibility:hidden;z-index:5}.masonry-grid__link:hover figcaption{opacity:1;visibility:visible}.masonry-grid__link__fig-caption__title{font-size:var(--heading-med-fz);text-transform:capitalize}.masonry-grid__link__fig-caption__username{color:#d9d9d9}@media screen and (max-width:55em){.masonry-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;padding:0}.masonry-grid__link{margin:0}}.artwork-view{margin:0 auto;max-width:var(--wrapper-max-width);padding:0 .875rem;width:var(--wrapper-width)}@media screen and (max-width:32em){.artwork-view{padding:0}}.artwork-view__info__fig{margin-bottom:2rem;max-width:80rem}.artwork-view__info__fig__img{height:auto;width:100%}.artwork-view__info__title{text-transform:capitalize}.artwork-view__info__by{color:var(--supporting-txt-clr);margin-right:.5rem}.artwork-view__info__author{color:var(--brand-orange);display:inline-block;margin-bottom:.75rem}.artwork-view__info__social-data{align-items:flex-end;display:flex}.artwork-view__info__social-data__container{align-items:flex-end;cursor:pointer;display:flex;opacity:.6;transition:opacity .11s ease}.artwork-view__info__social-data__container:hover{opacity:1}.favorite-star-icon,.like-heart-icon{height:1.5rem;margin-right:.375rem;width:1.5rem}.favorite-star-icon--full,.like-heart-icon--full{fill:#fff}.artwork-view__info__social-data__totals:first-of-type{margin-right:1.5rem}.artwork-view__info__desc{line-height:1.6;margin-bottom:1.25rem;margin-top:1rem;max-width:75ch}.artwork-view__info__date{color:var(--supporting-txt-clr);margin-bottom:2rem}@media screen and (max-width:35em){.artwork-view__info__title{font-size:var(--heading-med-fz)}}.chip{background-color:#d1d5db;border-radius:500px;color:var(--main-bg-clr);display:inline-block;font-size:var(--small-fz);margin-bottom:.75rem;padding:.25rem .5rem;text-transform:capitalize}.artwork-view__comments-section{max-width:80rem}.artwork-view__comments-total{align-items:center;display:inline-flex;margin-bottom:.875rem}.artwork-view__comments-total__title{font-size:1.125rem;font-weight:700;line-height:1}.dot{color:var(--supporting-txt-clr);padding:0 .5rem}.artwork-view__comments__user__logged-out{align-items:center;background-color:var(--dark-grey);display:flex;gap:.875rem;margin-bottom:.5rem;padding:2rem 3rem}.artwork-view__comments__user__logged-out__desc__link{color:inherit;font-weight:700;text-decoration:none}@media screen and (max-width:35em){.artwork-view__comments__user__logged-out{padding:.825rem 1rem}}.user-avatar--default{align-items:center;background-color:#4b5563;border-radius:50%;display:flex;flex-shrink:0;height:3.375rem;justify-content:center;width:3.375rem}.user-avatar--default__icon{height:1.625rem;object-fit:contain;width:1.625rem}.comment-segment{background-color:var(--dark-grey);display:flex;gap:.875rem;padding:2rem 3rem}.comment-segment:not(:last-child){border-bottom:1px solid var(--main-bg-clr)}.comment-segment__info__username{display:inline-block;margin-bottom:1rem;margin-right:1.25rem}.comment-segment__info__date{color:var(--supporting-txt-clr)}.comment-segment__info__desc{white-space:pre-wrap}.comment-segment__info__delete-btn{background:none;border:none;cursor:pointer;display:flex;margin-top:.5rem;padding:.25rem 0}.trash-icon{stroke:#d1d5db;height:1.5rem;margin-right:.5rem;opacity:.8;transition:opacity .12s ease;width:1.5rem}.comment-segment__info__delete-btn:hover .comment-segment__info__delete-btn__span,.comment-segment__info__delete-btn:hover .trash-icon{opacity:1}.comment-segment__info__delete-btn__span{align-self:flex-end;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.08em;opacity:.8;text-transform:uppercase}@media screen and (max-width:35em){.comment-segment{padding:.825rem 1rem}}.user-avatar{border-radius:50%;display:inline-flex}.user-avatar__img{border-radius:50%;height:3.375rem;width:3.375rem}.artwork-view__comments__form{margin-bottom:2rem}.artwork-view__comments__form__group{display:flex;flex-direction:column;margin-bottom:1rem}.artwork-view__comments__form__label{margin-bottom:.5rem}.artwork-view__comments__form__textarea{background-color:var(--dark-grey);border:1px solid var(--supporting-txt-clr);color:#fff;line-height:1.6;padding:.5rem 1rem;resize:none}.main-about__section{align-items:center;display:flex;gap:4rem;justify-content:center;padding:6rem 0}.main-about__section:nth-of-type(odd){background-color:var(--ultra-light-grey);color:var(--main-bg-clr)}.main-about__section:nth-of-type(2n){background-color:initial;color:var(--ultra-light-grey)}.main-about__section__content{max-width:50ch;width:var(--wrapper-width)}.main-about__section__title{margin-bottom:.5rem}.main-about__section__fig{max-width:40rem;width:var(--wrapper-width)}.main-about__section__fig__img{height:auto;width:100%}.wave-svg{display:block}.wave-svg--top{color:var(--ultra-light-grey);margin-top:-1px;padding:0;transform:rotate(180deg)}.wave-svg--bottom{color:var(--ultra-light-grey);transform:rotate(0deg)}@media screen and (max-width:81.25em){.main-about__section{flex-direction:column}}.auth{display:flex;justify-content:center;margin:0 auto;max-width:var(--wrapper-max-width);padding:0 .875rem;width:var(--wrapper-width)}.auth__title{margin-bottom:2rem}.auth__form{flex-grow:1;max-width:25rem}.auth__form__group{display:flex;flex-direction:column;margin-bottom:1.25rem}.auth__form__label{margin-bottom:.5rem}.auth__form__input{border:none;border-radius:4px;padding:.5rem}@media screen and (max-width:26em){.auth__title{font-size:var(--heading-lg-fz)}}.user-profile-main{aspect-ratio:373/176;margin:0 auto;max-width:var(--wrapper-max-width);padding:0 .875rem;width:var(--wrapper-width)}@media screen and (max-width:35em){.user-profile-main{padding:0}}.user-profile__info{display:flex;margin-bottom:2rem}.user-profile__info__avatar{border-radius:50%}.user-profile__info__avatar--default{align-items:center;background-color:#4b5563;display:flex;height:7rem;justify-content:center;margin-right:1rem;width:7rem}.user-profile__info__avatar__icon--default{stroke:#fff;height:2rem;width:2rem}.user-profile__info__avatar__img{border-radius:50%;height:7rem;margin-right:1rem;object-fit:cover;width:7rem}.user-profile__info-sect__inner-container{display:flex}.user-profile__info-sect--left{margin-bottom:.5rem;margin-right:1.5rem}.user-profile__info-sect__totals span{font-weight:700}.user-profile__info-sect__username{color:var(--brand-orange);line-height:1;margin-bottom:.25rem}.user-profile__info__bio{max-width:75ch}.user-profile__info__follow-btn--activated{background-color:var(--supporting-txt-clr);opacity:.9}@media screen and (max-width:35em){.user-profile__info{flex-direction:column}}@media screen and (max-width:26em){.user-profile__info-sect__inner-container{flex-direction:column}.user-profile__info-sect--right{margin-bottom:.5rem}.user-profile__info-sect{margin-bottom:2rem}}.user-profile__artworks-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);max-width:var(--max-width-med)}@media screen and (max-width:75em){.user-profile__artworks-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:47em){.user-profile__artworks-grid{gap:2rem;grid-template-columns:1fr}}.user-profile__artworks-grid__article__link__img{height:auto;width:100%}.user-profile__artworks-grid__article__delete-btn{margin-top:.5rem}
/*# sourceMappingURL=main.4a4690ce.css.map*/