.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-content .image-viewer-content{background-color:#fff;width:70%;height:90%;border-radius:10px;display:grid;grid-template-rows:7.5% 85% 7.5%}.image-viewer-content .top{display:flex;justify-content:space-between;background-color:#0003;align-items:center}.image-viewer-content h1{padding-left:20px}.image-viewer-content .top button{width:100px;height:100%;background:none;border:none;cursor:pointer;font-weight:800;border-radius:0 10px 0 0;transition:background-color .2s ease-in-out}.image-viewer-content .top button:hover{background-color:#ff000080}.image-viewer-content .main,.image-viewer-content .bottom{display:flex;justify-content:center;align-items:center}.image-viewer-content .image-container{height:90%;width:90%;display:flex;justify-content:center;align-items:center}.image-viewer-content .image-container img{max-width:100%;max-height:100%}.prev-btn,.next-btn{font-size:32px;background:none;border:none;cursor:pointer}.prev-btn{left:-50px}.next-btn{right:-50px}.prev-btn:disabled,.next-btn:disabled{opacity:.3;cursor:not-allowed}.album-view-container{display:flex}#album-selector ul{list-style:none;width:300px;padding:0}#album-selector ul li{font-weight:800;transition:transform .2s ease-in-out}#album-selector ul li a{text-decoration:none;color:#000}#album-selector ul li a div{padding:1rem}#album-selector ul li:hover{transform:translate(1rem)}#images ul{display:grid;grid-auto-rows:200px;grid-template-columns:repeat(5,1fr);list-style:none;row-gap:2rem}#images ul li{display:flex;justify-content:center}#images ul li img{max-height:100%}#top{display:flex;gap:1rem;align-items:center}#top a{all:unset;cursor:pointer;font-size:2rem;display:flex;justify-content:center;align-items:center;transition:opacity .2s ease-in-out}#top a:hover{opacity:80%}.justified-image-gallery{display:flex;flex-wrap:wrap;list-style:none;gap:2rem;margin:0!important;padding:0!important}.justified-image-gallery figure{display:flex;justify-content:center;align-items:center;margin:0}.justified-image-gallery figure img{max-height:100%;max-width:100%;object-fit:cover}.justified-gallery{display:grid;padding:1rem;gap:1rem;grid-template-rows:200px auto;grid-template-columns:repeat(5,300px);justify-content:center}.justified-gallery .image-instance{all:unset;cursor:pointer;margin:0;padding:0;height:200px;width:300px;overflow:hidden;justify-content:center;align-items:center;background-color:red;border-radius:5px;-webkit-box-shadow:0 4px 7px -1px rgba(0,0,0,.75);-moz-box-shadow:0 4px 7px -1px rgba(0,0,0,.75);box-shadow:0 4px 7px -1px #000000bf}.justified-gallery button img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.justified-gallery button:hover img{transform:scale(1.025)}@media only screen and (max-width: 1200px){.justified-gallery{grid-template-columns:repeat(2,300px)!important}}@media only screen and (max-width: 1280px){#album-selector ul{width:220px;font-size:12px}}@media only screen and (max-width: 1590px){.justified-gallery{grid-template-columns:repeat(3,300px)!important}}@media only screen and (max-width: 1960px){.justified-gallery{grid-template-columns:repeat(4,300px)}}@media only screen and (min-width: 2220px){.justified-gallery{grid-template-columns:repeat(6,300px)}}@media only screen and (min-width: 2520px){.justified-gallery{grid-template-columns:repeat(7,300px)}}:root{--font-family-primary: "Inter", sans-serif;--background-light: white;--background-dark: #1e1e1e;--color-light: black;--color-dark: white}html,body{font-family:var(--font-family-primary)}