:root{--dark-bg-color: #212529;--medium-bg-color: #6d6875;--clear-bg-color: #f8f9fa;--red-bg-color: #c1121f;--green-bg-color: #57cc99;--dark-txt-color: #212529;--medium-txt-color: #6d6875;--clear-txt-color: #f8f9fa;--text-color-blue: #0582ca;--text-color-red: #c1121f;--red-bg-color-hoover: #d62828;--green-bg-color-hoover: #80ed99;--dark-border-color: #212529;--medium-border-color: #6d6875;--clear-border-color: #f8f9fa;--link-color: #0582ca;--link-color-hover: #415a77;--font-size-big: 1rem;--font-size-medium: .9rem;--font-size-small: .8rem;--transition-time: .5s}.text--dark-color{color:var(--dark-txt-color)}.text--medium-color{color:var(--medium-txt-color)}.text--clear-color{color:var(--clear-txt-color)}.text--color-blue{color:var(text-color-blue)}.text--bold{font-weight:700}.text--big{font-size:var(--font-size-big)}.text--medium{font-size:var(--font-size-medium)}.text--small{font-size:var(--font-size-small)}.text-link-color--blue{color:var(--link-color);text-decoration:none;border-bottom:1px solid var(--link-color)}.text-link-color--blue:hover{color:var(--link-color-hover);cursor:pointer;border-bottom:1px solid var(--link-color-hover)}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-4e147ab6.ttf) format("truetype")}html{scroll-behavior:smooth}body{font-family:Roboto;font-size:.9rem;background-color:var(--clear-bg-color);margin:0;letter-spacing:.8px}p{padding:.5rem}.page__container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:1.5rem}.page--fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:var(--transition-time)}.saved-arts__container{width:80vw;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px}.saved-arts__remove-artwork{margin:1rem;padding:.5rem;border:none;border-radius:5px;transition:all var(--transition-time)}.remove-artwork--bg-color{background-color:var(--red-bg-color)}.remove-artwork--text-color{color:var(--clear-txt-color)}.saved-arts__remove-artwork:hover{cursor:pointer;background-color:var(--red-bg-color-hoover)}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.container-shadow{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.header__container{display:flex;flex-direction:column;height:10rem;width:100%;background-color:var(--clear-bg-color);justify-content:center;align-items:center;z-index:1;position:fixed}.header__margin{height:10rem}.search-field__container{display:flex;height:6rem;width:30vw;justify-content:center;align-items:center}.search-field__input{width:100%;padding-left:1rem;height:3rem;outline:none;border:none;background-color:var(--clear-bg-color);border:1px solid var(--medium-border-color);border-radius:45px;transition:box-shadow var(--transition-time)}.search-field__input:hover{cursor:text;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border:none}.card__container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:stretch}.card__body{width:20vw;border-radius:20px;opacity:80%;transition:opacity var(--transition-time)}.card__img{width:20vw;height:40vh;object-fit:cover;object-position:top;border-top-right-radius:20px;border-top-left-radius:20px}.card__description{display:flex;flex-direction:column;align-items:right;padding:1rem}.card__title{margin-bottom:.5rem}.card__creator,.card__department{padding-bottom:1rem}.card__read-more__section{display:flex;justify-content:center;align-items:center}.card__read-more{height:1rem;display:flex;transition:all var(--transition-time)}.card__body:hover{opacity:100%}.nav-link__container{display:flex;list-style:none;justify-content:center;align-items:center;padding-left:0;height:2rem}.nav-link__link{height:1rem;padding:.5rem;transition:all var(--transition-time);color:var(--link-color);text-decoration:none}.nav-link__link:hover{color:var(--link-color-hover)}.nav-link__link-selected{border-bottom:1px solid var(--medium-border-color);color:var(--medium-border-color)}.saved-card-modal__container{background-color:var(--dark-bg-color);color:var(--clear-txt-color);padding:1rem;position:fixed;left:0;top:0;z-index:2}.saved-card-modal--hidden{display:none}.card-modal__container{display:flex;justify-content:center;align-items:center;width:80vw;margin-bottom:1.5rem}.card-modal__img{width:60vw;object-fit:cover}.card-modal__information{display:flex;flex-direction:column;text-align:left;gap:1rem;padding:1rem;color:var(--medium-txt-color)}.card-modal__link-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.card-modal__link{height:1rem;display:flex;transition:all var(--transition-time)}.card-modal__save-artwork{padding:.5rem;border:none;border-radius:5px;transition:all var(--transition-time)}.save-artwork--bg-color{background-color:var(--green-bg-color)}.save-artwork--text-color{color:var(--clear-txt-color)}.card-modal__save-artwork:hover{cursor:pointer;background-color:var(--green-bg-color-hoover)}@media screen and (max-width: 1700px){.card__body,.card__img{width:30vw}}@media screen and (max-width: 1650px){.card-modal__container{flex-direction:column;width:55vw}.card-modal__img{width:55vw}}@media screen and (max-width: 1200px){.search-field__container{width:40vw}.card__body,.card__img{width:35vw}}@media screen and (max-width: 1000px){.search-field__container{width:60vw}.card__body,.card__img{width:35vw}.card-modal__container,.card-modal__img{width:80vw}}@media screen and (max-width: 800px){.search-field__container{width:60vw}.card__body,.card__img{width:70vw}}@media screen and (max-width: 500px){.search-field__container{width:60vw}.card__body,.card__img,.card-modal__container,.card-modal__img{width:90vw}}