body{flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh}body,nav ul{display:flex;padding:0}nav ul{justify-content:center;list-style:none}nav ul li{margin:0 15px}nav ul li a{color:#fff;text-decoration:none}footer{color:#000;font-size:10px;margin-top:auto;padding:10px 0;text-align:center;text-transform:lowercase;width:100%}.app-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:10px 50px}@media screen and (max-width:768px){.app-container{padding:10px 20px}}.navbar{background-color:initial;color:#333;font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-size:1.2rem;font-style:normal;margin:0 auto;padding:75px 0 30px;position:relative;text-transform:uppercase;z-index:1000}.nav-links{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.nav-links li{margin:0 15px}.nav-links li a{color:inherit;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#000}.hamburger{cursor:pointer;display:none;padding:10px;position:absolute;right:20px;top:75px}.bar{background-color:#333;height:3px;margin:5px 0;transition:.4s;width:25px}@media screen and (max-width:768px){.hamburger{display:block;z-index:1001}.nav-links{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;left:0;padding:20px 0;position:absolute;top:120px;width:100%;z-index:1000}.nav-links.active{display:flex}.nav-links li{margin:15px 0}.bar.open:first-child{transform:rotate(-45deg) translate(-5px,6px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.roboto-mono{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-style:normal}.home-container{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:40px;padding:3.5rem 20px;position:relative}.home-stage{display:inline-block;max-width:70%;overflow:visible;position:relative;width:100%}.home-image{display:block;filter:brightness(.7);height:auto;object-fit:contain;transition:filter .3s ease;width:100%}.side-label{color:#34a8eb;font-family:Roboto Mono,monospace;font-size:calc(2rem - 2pt);font-weight:700;left:50%;letter-spacing:.04em;line-height:1;margin:0;padding:0;position:absolute;text-decoration:none;transition:transform .2s ease,opacity .2s ease;white-space:nowrap;z-index:2}.side-label--top{top:-8px;transform:translate(-50%,-100%)}.side-label--bottom{bottom:-8px;top:auto;transform:translate(-50%,100%)}.side-label--top:hover{transform:translate(-50%,-100%) scale(1.05)}.side-label--bottom:hover{transform:translate(-50%,100%) scale(1.05)}@media screen and (max-width:768px){.home-container{margin-bottom:20px;padding:2.5rem 10px}.home-stage{max-width:100%}.side-label{font-size:calc(1.25rem - 2pt)}.side-label--top{top:-6px}.side-label--bottom{bottom:-6px}}@media screen and (max-width:480px){.home-container{padding:2rem 10px}.side-label{font-size:calc(1.05rem - 2pt)}}.shows-container{display:flex;justify-content:space-between;padding:20px}.shows-column{width:48%}.shows-column h3{border-bottom:2px solid grey;color:#333;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;text-align:center}.shows-column ul{list-style:none;padding:0}.shows-column li{margin-bottom:15px}.shows-column p{margin:0}.shows-column a{color:grey}.shows-column a:hover{text-decoration:underline}.past{color:grey}.upcoming a,.upcoming h3{color:#8fce00}.pix-container{margin:0 auto;max-width:1200px;padding:20px;position:relative;z-index:1}.image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px 0}.image-item{aspect-ratio:1;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.image-item:hover{transform:scale(1.02)}.image-item img{display:block;height:100%;object-fit:cover;width:100%}.modal-wrapper{z-index:99999}.modal-backdrop,.modal-wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.modal-backdrop{background-color:#000000e6}.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{max-height:90vh;max-width:90%;position:relative}.modal-image{border-radius:4px;max-height:90vh;max-width:100%;object-fit:contain}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;padding:5px 10px;position:absolute;right:0;top:-40px}.close-button:hover{color:#8fce00}.nav-button{background:#ffffff1a;border:none;color:#fff;cursor:pointer;font-size:40px;padding:20px 15px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease}.nav-button:hover{background:#fff3}.nav-button.prev{left:20px}.nav-button.next{right:20px}@media screen and (max-width:1024px){.image-grid{gap:15px;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.image-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.pix-container{padding:10px}.nav-button{font-size:30px;padding:15px 10px}.nav-button.prev{left:10px}.nav-button.next{right:10px}}@media screen and (max-width:480px){.image-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.info-stage{display:inline-block;margin:.5rem 4rem 0;max-width:70%;overflow:visible;position:relative;width:100%}.info-album-image{display:block;filter:brightness(.7);height:auto;object-fit:contain;transition:filter .3s ease;width:100%}.info-side-label{color:#8fce00;font-family:Roboto Mono,monospace;letter-spacing:.04em;line-height:1;margin:0;padding:0;position:absolute;text-decoration:none;top:50%;transition:transform .2s ease,opacity .2s ease;white-space:nowrap;z-index:2}.info-side-label--left{font-size:calc(2rem - 2pt);font-weight:700;left:-8px;right:auto;transform:translate(-50%,-100%) rotate(-90deg);transform-origin:center bottom}.info-side-label--right{font-size:calc(2rem - 2pt);font-weight:700;left:auto;right:-8px;transform:translate(50%,-100%) rotate(90deg);transform-origin:center bottom}.info-side-label--left:hover{transform:translate(-50%,-100%) rotate(-90deg) scale(1.05)}.info-side-label--right:hover{transform:translate(50%,-100%) rotate(90deg) scale(1.05)}@media screen and (max-width:768px){.info-stage{margin:.5rem 2.5rem 0;max-width:100%}.info-side-label--left{font-size:calc(1.25rem - 2pt);left:-6px}.info-side-label--right{font-size:calc(1.25rem - 2pt);right:-6px}}@media screen and (max-width:480px){.info-stage{margin:.5rem 2rem 0}.info-side-label--left,.info-side-label--right{font-size:calc(1.05rem - 2pt)}}
/*# sourceMappingURL=main.a4d623ca.css.map*/