:root{--color-dark:#0c0c1a;--color-orange:#f6a037;--color-pink:#f266b0;--color-light:#fae6d1;--color-purple:#9e1f9d;--primary-color:#f6a037;--secondary-color:#f266b0;--accent-color:#9e1f9d;--background-color:#0c0c1a;--text-color:#fae6d1;--text-color-muted:rgba(250,230,209,0.7);--background-color-light:rgb(28.1052631579,28.1052631579,60.8947368421);--font-parallax:Rint Basic,serif;--font-ui:Trench,sans-serif;--font-content:Sansation,sans-serif}.portfolio{position:relative}.portfolio .progress{position:-webkit-sticky;position:sticky;top:0;left:0;padding-top:3.125rem;text-align:center;color:var(--primary-color);font-size:1.5rem}@media(max-width:700px){.portfolio .progress{padding-top:calc(100vh - 60px);font-size:1rem;z-index:-1}}@media(min-width:375px){.portfolio .progress{padding-top:calc(100vh - 60px);font-size:1rem;z-index:-1}}@media(min-width:393px){.portfolio .progress{padding-top:calc(100vh - 60px);font-size:1rem;z-index:-1}}@media(min-width:430px){.portfolio .progress{padding-top:calc(100vh - 60px);font-size:1rem;z-index:-1}}@media(min-width:430px)and (max-width:calc(768px - 1px)){.portfolio .progress{padding-top:calc(100vh - 70px);font-size:1.1rem;z-index:-1}}@media(min-width:768px){.portfolio .progress{padding-top:calc(100vh - 80px);font-size:1.4rem;z-index:-1}}@media(min-width:834px){.portfolio .progress{padding-top:calc(100vh - 80px);font-size:1.4rem;z-index:-1}}@media(min-width:1024px){.portfolio .progress{padding-top:calc(100vh - 80px);font-size:1.4rem;z-index:-1}}@media(min-width:1200px){.portfolio .progress{padding-top:3.125rem;font-size:1.5rem;z-index:auto}}.portfolio .progress .progressBar{height:.625rem;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:10px}.portfolio .no-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.portfolio .no-content .no-content-text{color:var(--text-color);font-weight:700;font-size:1.75rem}@media(max-width:700px){.portfolio .no-content .no-content-text{font-size:1.2rem}}@media(min-width:375px){.portfolio .no-content .no-content-text{font-size:1.25rem}}@media(min-width:393px){.portfolio .no-content .no-content-text{font-size:1.3rem}}@media(min-width:430px){.portfolio .no-content .no-content-text{font-size:1.35rem}}@media(min-width:430px)and (max-width:calc(768px - 1px)){.portfolio .no-content .no-content-text{font-size:1.4rem}}@media(min-width:768px){.portfolio .no-content .no-content-text{font-size:1.5rem}}@media(min-width:834px){.portfolio .no-content .no-content-text{font-size:1.6rem}}@media(min-width:1024px){.portfolio .no-content .no-content-text{font-size:1.65rem}}@media(min-width:1200px){.portfolio .no-content .no-content-text{font-size:1.75rem}}@media(max-width:700px)and (orientation:landscape){.portfolio .progress{padding-top:calc(100vh - 50px);font-size:.9rem}.portfolio .no-content .no-content-text{font-size:1.1rem}}@media(min-height:850px)and (max-width:calc(1200px - 1px)){.portfolio .progress{padding-top:calc(100vh - 80px)}}@media(prefers-reduced-motion:reduce){.portfolio .progress .progressBar{transition:none}}@media(min-width:2560px){.portfolio .progress{font-size:1.6rem}.portfolio .no-content .no-content-text{font-size:1.8rem}}@media(max-width:360px){.portfolio .progress{padding-top:calc(100vh - 50px);font-size:.9rem}.portfolio .no-content .no-content-text{font-size:1rem}}