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