*{margin:0}body{background-color:#f5f5f5}.nav-bar{height:max(7vh,60px);background-color:#2d2d2a;display:flex;align-items:center;justify-content:space-around}.nav-links{display:flex;align-items:center;height:80%;width:60%;justify-content:space-evenly}.nav-links a{font-size:22px;color:#e5dcc5;padding:10px 25px;text-decoration:none;border-radius:20px}.search-item{width:100%;border:3px solid #848fa5;border-right:none;padding:5px;height:20px;border-radius:5px 0 0 5px;outline:none;color:#2d2d2a}.search-button{width:40px;height:36px;border:1px solid #848fa5;background:#848fa5;text-align:center;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px}.search-bar{display:flex}.ham-menu{display:none;flex-direction:column;justify-content:space-around;height:50px;width:50px}.ham-menu span{height:5px;width:100%;background-color:#fff}.hidden{display:none}@media (max-width: 768px){.nav-links{flex-direction:column;position:absolute;height:30vh;top:max(7vh,60px);right:0;background-color:#2d2d2a;width:100%;border-radius:5px;opacity:0;z-index:10;pointer-events:none}.nav-links.open{display:flex;opacity:100;pointer-events:auto}.nav-links.hidden{display:none}.ham-menu{display:flex}}@media (max-width: 480px){.ham-menu{width:30px;height:30px}.ham-menu span{height:3px}}.department-list{display:grid;grid-template-columns:repeat(4,1fr);margin:3%;gap:40px;justify-items:center}.department-list a{text-decoration:none;color:inherit}.department-list a:visited{color:inherit}.department-card{display:flex;flex-direction:column;justify-content:space-between;width:min(22vw,300px);aspect-ratio:3 / 2;text-align:center;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#e5dcc5;box-shadow:#b3ab98 3px 4px 5px 3px}.department-card:hover{background-color:#848fa5;box-shadow:#4f5766 3px 4px 5px 3px}.department-card img{width:100%;max-height:90%;border-radius:5px;object-fit:cover}.department-card h2{font-size:16px;margin-top:10px;width:100%}.pagination{display:flex;align-items:center;justify-content:center;margin:4%}.pagination button{padding:10px 20px;background-color:#2d2d2a;color:#fff;border:none;border-radius:5px;cursor:pointer}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.department-title{text-align:center;margin:20px auto;font-size:3rem;font-weight:700;background-color:#848fa5}@media (max-width: 1440px){.department-list{grid-template-columns:repeat(3,1fr)}.department-card{width:25vw}}@media (max-width: 1080px){.department-list{grid-template-columns:1fr 1fr}.department-card{width:40vw}}@media (max-width: 768px){.department-title{font-size:2rem}}@media (max-width: 480px){.department-list{grid-template-columns:1fr}.department-title{font-size:1.5rem}.department-card{width:80vw}}.art-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;justify-items:center;justify-self:center;width:80%;margin:0 auto}.art-card{display:flex;width:100%;max-width:25vw;aspect-ratio:3 / 4;background-color:#e5dcc5;flex-direction:column;text-align:center;overflow:auto;border-radius:15px;box-shadow:#b3ab98 3px 4px 5px 3px;justify-content:space-between}.art-card:hover{cursor:pointer}.art-desc{display:flex;flex-direction:column;justify-content:space-evenly;height:30%}.art-card img{width:100%;height:70%;object-fit:cover;margin-bottom:2%}.art-card h2{font-size:1.3rem}.art-card h3{font-size:1rem}.skeleton-list{display:grid;grid-template-columns:repeat(3,1fr);margin:3%;gap:40px;justify-items:center}.skeleton{width:100%;max-width:25vw;min-height:30vh;max-height:50vh;background-color:#e5dcc5;flex-direction:column;text-align:center;overflow:auto;border-radius:15px;box-shadow:#b3ab98 3px 4px 5px 3px;justify-content:space-between}@media (max-width: 1440px){.art-list{grid-template-columns:repeat(3,1fr)}.art-card{max-width:30vw;aspect-ratio:3 / 4}}@media (max-width: 1080px){.art-list{grid-template-columns:repeat(2,1fr)}.art-card{max-width:35vw;aspect-ratio:4 / 5}}@media (max-width: 768px){.art-list{grid-template-columns:1fr;width:90%}.art-card{max-width:90vw}}@media (max-width: 480px){.art-card{max-width:95vw}}.modal-content{display:flex;background:#e5dcc5;padding:20px;border-radius:10px;width:60vw;height:60vh;text-align:center;justify-content:space-between;align-items:center;position:fixed;z-index:10000}.modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999}.close-button{position:absolute;top:10px;right:15px;font-size:20px;color:red;background:none;border:none;cursor:pointer}.modal-content img{width:100%;max-height:50vh;object-fit:contain;border-radius:8px}.image-desc{display:flex;flex-direction:column;text-align:left;width:60%;height:50%;justify-content:space-between;padding:2%}.image-desc>*{border-bottom:2px solid black}@media (max-width: 1024px){.modal-content{flex-direction:column;width:90vw;height:auto;padding:15px}.modal-content img{width:100%;max-height:40vh;margin-bottom:10px}.image-desc{width:100%;height:auto;padding:10px 0}}@media (max-width: 480px){.modal-content{width:95vw;padding:10px}.close-button{top:5px;right:10px;font-size:16px}.modal-content img{max-height:30vh}.image-desc{padding:5px 0}}.dot-container{--uib-size: 70px;--uib-color: black;--uib-speed: 1.9s;--uib-dot-size: 20%;position:fixed;display:flex;justify-content:center;height:var(--uib-size);width:var(--uib-size);animation:spin var(--uib-speed) infinite forwards;z-index:100;top:50%}.dot{position:absolute;left:calc(50% - var(--uib-dot-size) / 2);height:100%;width:var(--uib-dot-size)}.dot:after{content:"";position:absolute;top:0;left:0;height:0%;width:100%;padding-bottom:100%;background-color:var(--uib-color);border-radius:50%;transition:background-color .3s ease}.dot1{transform:rotate(120deg)}.dot1:after{animation:wobble var(--uib-speed) infinite ease-in-out;background-color:red}.dot2{transform:rotate(-120deg)}.dot2:after{animation:wobble var(--uib-speed) infinite ease-in-out;background-color:#00f}.dot3:after{animation:wobble var(--uib-speed) infinite ease-in-out;background-color:orange}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wobble{0%,to{transform:translateY(0)}50%{transform:translateY(1000%)}}.artist-list{display:flex;justify-content:center;margin:3%}.artist-list ul{text-align:center;list-style-type:none;padding-left:0;width:100%}.artist-list li{padding:1% 0%;font-size:2rem}.artist-list a{text-decoration:none;padding:10px;border-radius:10px}.artist-list a:visited{color:inherit}.artist-list a:hover{background-color:#848fa5}.about-container{display:flex;flex-direction:column;width:60vw;margin:0 auto;padding:2rem}.page-title{text-align:center;margin:20px auto;font-size:3rem;background-color:#848fa5}.section-title{font-size:2.5rem;margin-bottom:.5rem;background-color:#e5dcc5;width:fit-content;padding:12px;border-radius:15px;border:2px solid black}.content-section{height:auto;margin:2rem;background-color:#e5dcc5;box-shadow:#b3ab98 3px 4px 5px 3px;border-radius:15px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.content-section>h3{font-size:2rem;margin-bottom:3%}ol{padding:0}li{font-size:1.1rem;margin:1rem 0}.step{font-weight:700}.step:after{content:" -- "}.content-section>img{display:block;margin:0 auto;padding-top:20px}@media (max-width: 768px){.about-container{width:90vw;padding:1rem}.page-title{font-size:2.5rem}.section-title{font-size:2rem;transform:translateY(20px)}.content-section{padding:1.5rem;margin:1.5rem 0}.content-section>h3{font-size:1.8rem}li{font-size:1rem}}@media (max-width: 480px){.about-container{width:95vw;padding:.5rem}.page-title{font-size:2rem}.section-title{font-size:1.8rem;transform:translateY(10px)}.content-section{padding:1rem;margin:1rem 0}.content-section>h3{font-size:1.6rem}li{font-size:.9rem}}footer{background-color:#2d2d2a;color:#e5dcc5;padding:40px 20px;text-align:center;font-size:14px}.footer-container{display:flex;justify-content:space-between;max-width:100vw;margin:0 auto}.footer-section{flex:1;min-width:30%;margin:10px}.footer-section>p{height:auto;line-height:1.5}.footer-section h3{color:#fc9f5b;margin-bottom:10px}.footer-links a{color:#dddbf1;text-decoration:none;display:block;transition:color .3s}.footer-links a:hover{color:#e88d67}.quick-links{list-style:none;padding:0}.quick-links a:visited{color:#dddbf1}.quick-links a{color:#dddbf1;text-decoration:none}.quick-links a:hover{color:#e88d67}.social-icons{padding-top:20px;display:flex;align-items:center;flex-direction:column;gap:20px}.social-icons a{display:flex;justify-content:space-between;width:30%;font-size:18px;color:#dddbf1;transition:color .3s;text-decoration:none}.social-icons a:hover{color:#e88d67}.copyright{margin-top:20px;font-size:12px;color:#848fa5}@media (max-width: 480px){.footer-container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-container>*:nth-child(1){grid-column:span 2;order:1}.footer-container>*:nth-child(2){order:2}.footer-container>*:nth-child(3){order:2}}