@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500&display=swap);@font-face{font-family:Georgia;src:url(../font/Georgia.ttf);src:url(../font/Georgia.ttf) format("truetype")}body{margin:0;height:100vh;font-family:Lexend,sans-serif;font-size:18px;font-weight:200;background-color:#0a0a0a;--color-text:#02b7dd;--color-number:#f3eee8;--color-bg:#0a0a0a;--color-link:#1352d1;--color-link-hover:#f3eee8;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#c{position:fixed;left:0;top:0;z-index:-1}.main_container{margin:20px;padding:40px 40px}.main_container h2{letter-spacing:3px;font-weight:400;font-style:italic}p{color:#f3eee8;line-height:1.7;text-align:justify}.header{display:flex;justify-content:space-around}.title_container{margin:30px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.content{margin-right:60px}.grid-container{width:100%;display:grid;grid-template-columns:2fr 1fr;gap:32px 32px;overflow:hidden}.grid-container a{color:#f3eee8;line-height:1.7;text-decoration:none}.grid-container a:hover{color:#de6ce0}.container_names{display:flex;justify-content:space-between}#content_artist{width:100%}.artist_name{width:50%}#right{text-align:end}.title_exhibition{margin:150px 100px 20px 100px}.title_exhibition h1{font-style:italic;color:#de6ce0;letter-spacing:3px;font-weight:400}.filters{width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,1fr);justify-items:center;margin:50px 0 100px 0;counter-increment:itemcounter}#curator-choice{grid-column:3/span 3;grid-row:2}#az{grid-column:6/span 2;grid-row:1}#multi-to-single{grid-column:1/span 3;grid-row:1;justify-self:start}#earliest{grid-column:10/span 3;grid-row:1;justify-self:end}#randomly{grid-column:8/span 3;grid-row:2}#za{grid-column:6/span 2;grid-row:3}#single-to-multi{grid-column:1/span 3;grid-row:3;justify-self:start}#latest{grid-column:10/span 3;grid-row:3;justify-self:end}.container_exhibition{display:flex;flex-direction:column;justify-content:center;align-items:center}.video_section{width:100%;display:grid;grid-template-columns:repeat(8,1fr);column-gap:5em;justify-content:center;align-items:center}.filtering{margin-bottom:3rem}.right{grid-column:4/span 4}.left{grid-column:2/span 4}.artist-container p{text-decoration:underline;text-align:center}.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper embed,.videoWrapper iframe,.videoWrapper object{position:absolute;top:0;left:0;width:100%;height:100%}.artist-container img,video{width:100%;height:auto}.artwork img{max-width:100%;height:auto}.next,.prev{width:auto;top:50%;margin-top:-22px;padding:16px;position:absolute;font-size:18px;font-weight:700;cursor:pointer;transition:.2s ease;text-decoration:none;color:#de6ce0}.prev{left:0;border-radius:0 2px 2px 0}.next{right:0;border-radius:2px 0 0 2px}.arrow-up{background-color:#111;height:40px;width:40px;display:block;border:1px solid #a5a5a5;position:relative;cursor:pointer;transition:all .5s cubic-bezier(.25,1.7,.35,1.5);overflow:hidden;cursor:pointer;position:fixed;bottom:50px;right:50px}.arrow-slide{left:0;top:-100%;width:100%;height:100%;background:#666;position:absolute;display:block;z-index:0}.left-arm{position:absolute;z-index:1;background-color:transparent;top:19px;left:3px;width:20px;display:block;transform:rotate(-45deg)}.left-arm:after{content:"";background-color:#666;width:20px;height:1px;display:block;border-radius:1px;transition:all .5s cubic-bezier(.25,1.7,.35,1.5);transform-origin:right center;z-index:-1}.left-arm:hover{color:#0a0a0a}.right-arm{position:absolute;z-index:1;background-color:transparent;top:19px;left:17px;width:20px;display:block;transform:rotate(45deg);border-radius:2px}.right-arm:after{content:"";background-color:#666;width:20px;height:1px;display:block;border-radius:1px;transition:all .5s cubic-bezier(.25,1.7,.35,1.5);transform-origin:left center;z-index:-1}.right-arm:hover{color:#0a0a0a}.arrow-up:hover{background-color:rgba(255,255%,255%,50%);color:#0a0a0a}.arrowbtn{position:absolute;width:100px;height:25px;border:2px solid #ff69b4;border-radius:100px;color:#ff69b4;cursor:pointer;left:50%;line-height:100px;margin-left:-25px;transition:all .25s ease-in-out}.arrowbtn-down{bottom:20px}footer{width:100%;margin-top:20px;font-size:smaller;text-align:start;font-family:Georgia,"Times New Roman",Times,serif;font-size:smaller}@media screen and (max-width:900px){body{font-size:12px}.main_container{padding:10px}.grid-container{display:grid;grid-template-columns:repeat(4,1fr)}.content{margin:0}.info{grid-column:1/span 4}.artist{grid-column:1/span 4}.content p{padding-right:0}.next{right:0}.title_exhibition{margin:50px 25px 5px 25px}.filters{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);justify-content:center;align-items:center}#az,#curator-choice,#earliest,#latest,#multi-to-single,#randomly,#single-to-multi,#za{font-size:12px}#az{grid-column:1;grid-row:1;justify-self:start}#curator-choice{grid-column:1;grid-row:2;justify-self:start}#multi-to-single{grid-column:1;grid-row:3;justify-self:start}#earliest{grid-column:1;grid-row:4;justify-self:start}#za{grid-column:2;grid-row:1;justify-self:end}#randomly{grid-column:2;grid-row:2;justify-self:end}#single-to-multi{grid-column:2;grid-row:3;justify-self:end}#latest{grid-column:2;grid-row:4;justify-self:end}}@media screen and (max-width:500px){.modal-trigger{font-size:10px}#az,#curator-choice,#earliest,#latest,#multi-to-single,#randomly,#single-to-multi,#za{font-size:10px}}