body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;height:100%;background-image:linear-gradient(#eaf0f8,#b2c1cb)}.main-body{display:flex;flex-direction:column;justify-content:center}.logo-container{-webkit-user-select:none;user-select:none;display:flex;justify-content:center;font-weight:500;font-size:7em;color:#244e73}.subtitle{color:#306089;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;font-weight:600;font-size:1em;margin-bottom:1em}.footer{color:#306089;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;flex-direction:column;align-items:center;font-weight:600;font-size:1em;margin-bottom:1em}.links{display:flex;gap:1vw;margin-bottom:1em}.links img{width:3vw}.arts-container{display:flex;align-items:flex-start;justify-content:center;gap:2em;flex-wrap:wrap;margin-bottom:4em}.art-viewer{position:fixed;z-index:5;background-color:#141729cc;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}@media (width <= 1280px){.logo-container{font-size:2em}.subtitle{font-size:.5em}.arts-container{gap:.1em}.links img{width:5vw}}img{z-index:4;aspect-ratio:1 / 1;width:20vw}.art-tile{position:relative}.art-tile .image-overlay:hover{animation-name:on-hover-tile;background-color:#16151b99}.art-tile .image-overlay:hover .title{-webkit-user-select:none;user-select:none;height:100%;font-weight:600;font-size:1.5em;color:#ffffff80;display:flex;flex-direction:column;justify-content:flex-start;transition:color .5s ease-in-out}.image-overlay{position:absolute;z-index:2;width:100%;height:99%;display:flex;justify-content:flex-end;background-color:#fff0;transition:background-color .5s ease-in-out}.image-overlay .title{color:#fff0}@media (width <= 1280px){img{width:40vw;aspect-ratio:1 / 1}}.viewer-container{padding:1em 0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-weight:600;font-size:4em;color:#ffffffcf}.preview img{height:50vh;width:auto;aspect-ratio:inherit}.preview-carousel{display:flex;justify-content:flex-start;gap:1em}.preview-carousel img{width:7vw}@media (width <= 1280px){.viewer-container{font-size:1.5em;justify-content:flex-start;margin-top:1em;gap:1em}.preview-carousel img{width:20vw}}