body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-size:20px;--frame-color:#000;--size:2.5em;--open-width:18em;--open-padding:0.3em 2.1em 0.3em 0.4em;--frame-thickness:0.1em;--handle-height:1.4em;--open-trans-time:800ms;--close-trans-time:150ms}.search-box{border:.1em solid #000;border:solid var(--frame-thickness) var(--frame-color);border-radius:2.5em;border-radius:var(--size);display:inline-block;font-size:20px;font-size:var(--font-size);position:relative}.search-box:after{background-color:#000;background-color:var(--frame-color);content:"";height:6px;left:calc(100% - .2em);position:absolute;top:105%;transform:translateY(-50%) rotate(45deg);transition:opacity .3s ease;width:1.5em}.search-box input[type=text]{border:none;border-radius:2.5em;border-radius:var(--size);box-sizing:border-box;font-family:inherit;font-weight:700;height:2.5em;height:var(--size);padding:.3em 2.1em .3em .4em;padding:var(--open-padding);transition:width .8s cubic-bezier(.68,-.55,.27,1.55) .15s;transition:width var(--open-trans-time) cubic-bezier(.68,-.55,.27,1.55) var(--close-trans-time);width:2.5em;width:var(--size)}.search-box input[type=text]:focus~:before,.search-box input[type=text]:not(:placeholder-shown)~:before,.search-box:hover:before{opacity:0}.search-box input[type=text]:focus{outline:none}.search-box input[type=text]:focus,.search-box input[type=text]:not(:placeholder-shown){transition:width .8s cubic-bezier(.68,-.55,.27,1.55);transition:width var(--open-trans-time) cubic-bezier(.68,-.55,.27,1.55);width:18em;width:var(--open-width)}.search-box input[type=text]:focus+button[type=reset]{transform:rotate(-45deg) translateY(0);transition:transform .15s ease-out .8s;transition:transform var(--close-trans-time) ease-out var(--open-trans-time)}.search-box input[type=text]:focus+button[type=reset]:after{opacity:1;transition:top .15s ease-out .95s,right .15s ease-out .95s,opacity .15s ease .95s;transition:top var(--close-trans-time) ease-out calc(var(--open-trans-time) + var(--close-trans-time)),right var(--close-trans-time) ease-out calc(var(--open-trans-time) + var(--close-trans-time)),opacity var(--close-trans-time) ease calc(var(--open-trans-time) + var(--close-trans-time))}.search-box button[type=reset]{align-items:center;background-color:initial;border:0;display:flex;height:1.4em;height:var(--handle-height);justify-content:center;outline:0;padding:0;position:absolute;right:.55em;right:calc(var(--size)/2 - var(--handle-height)/2);top:.55em;top:calc(var(--size)/2 - var(--handle-height)/2);transform:rotate(-45deg) translateY(2.4em);transform:rotate(-45deg) translateY(calc(var(--size) - var(--frame-thickness)));transition:transform .15s ease-out .15s;transition:transform var(--close-trans-time) ease-out var(--close-trans-time);width:1.4em;width:var(--handle-height)}.search-box button[type=reset]:after,.search-box button[type=reset]:before{background-color:#000;background-color:var(--frame-color);content:"";height:1.4em;height:var(--handle-height);position:absolute;width:.1em;width:var(--frame-thickness)}.search-box button[type=reset]:after{opacity:0;transform:rotate(90deg);transition:transform .15s ease-out,opacity .15s ease-out;transition:transform var(--close-trans-time) ease-out,opacity var(--close-trans-time) ease-out}.search-button{background-color:#000;border:none;border-radius:2.5em;color:#fff;display:none;font-weight:700;margin-top:10px;padding:.5em 2em;transition:transform .15s ease-out}.search-button.show{display:inline-block}.band-list-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px}.band-card{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;transition:transform .3s ease}.band-card:hover{transform:scale(1.05)}.band-name{color:#333;font-size:1.25rem;margin-bottom:8px}.band-year{color:#666;font-size:1rem}.no-bands{color:#999;font-size:1.5rem;text-align:center}body{box-sizing:border-box;font-family:Arial,sans-serif;height:100%;margin:0;overflow-y:scroll!important;padding:0}.wrap{animation:rotate 14s linear infinite;height:0;left:50%;perspective:1000px;position:absolute;top:0;transform-style:preserve-3d;width:0}@keyframes rotate{to{transform:rotateY(1turn) rotateX(1turn)}}.c{border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.c:first-child{animation:orbit1 14s infinite;animation-delay:0s;background-color:red}.c:nth-child(2){animation:orbit2 14s infinite;animation-delay:.01s;background-color:#fa0}.c:nth-child(3){animation:orbit3 14s infinite;animation-delay:.02s;background-color:#af0}.c:nth-child(4){animation:orbit4 14s infinite;animation-delay:.03s;background-color:#0f0}.c:nth-child(5){animation:orbit5 14s infinite;animation-delay:.04s;background-color:#0fa}.c:nth-child(6){animation:orbit6 14s infinite;animation-delay:.05s;background-color:#0af}@keyframes orbit1{20%{opacity:1}30%{transform:rotate(-60deg) rotateY(60deg) translateX(100px) rotate(60deg)}80%{opacity:1;transform:rotate(-60deg) rotateY(60deg) translateX(100px) rotate(60deg)}to{transform:rotate(-60deg) rotateY(60deg) translateX(300px) rotate(60deg)}}@keyframes orbit2{20%{opacity:1}30%{transform:rotate(-90deg) rotateY(90deg) translateX(100px) rotate(90deg)}80%{opacity:1;transform:rotate(-90deg) rotateY(90deg) translateX(100px) rotate(90deg)}to{transform:rotate(-90deg) rotateY(90deg) translateX(300px) rotate(90deg)}}@keyframes orbit3{20%{opacity:1}30%{transform:rotate(-120deg) rotateY(120deg) translateX(100px) rotate(120deg)}80%{opacity:1;transform:rotate(-120deg) rotateY(120deg) translateX(100px) rotate(120deg)}to{transform:rotate(-120deg) rotateY(120deg) translateX(300px) rotate(120deg)}}@keyframes orbit4{20%{opacity:1}30%{transform:rotate(-150deg) rotateY(150deg) translateX(100px) rotate(150deg)}80%{opacity:1;transform:rotate(-150deg) rotateY(150deg) translateX(100px) rotate(150deg)}to{transform:rotate(-150deg) rotateY(150deg) translateX(300px) rotate(150deg)}}@keyframes orbit5{20%{opacity:1}30%{transform:rotate(-180deg) rotateY(180deg) translateX(100px) rotate(180deg)}80%{opacity:1;transform:rotate(-180deg) rotateY(180deg) translateX(100px) rotate(180deg)}to{transform:rotate(-180deg) rotateY(180deg) translateX(300px) rotate(180deg)}}@keyframes orbit6{20%{opacity:1}30%{transform:rotate(-210deg) rotateY(210deg) translateX(100px) rotate(210deg)}80%{opacity:1;transform:rotate(-210deg) rotateY(210deg) translateX(100px) rotate(210deg)}to{transform:rotate(-210deg) rotateY(210deg) translateX(300px) rotate(210deg)}}.app-container{margin:0 auto;max-width:1200px;padding:20px;position:relative}.app-header{margin-bottom:20px;text-align:center}.app-header h1{color:#3b3b3b;font-size:3em}.app-header p{color:#7a7a7a;font-size:1.2em}.search-container{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.search-container button,.search-container input{border:0 solid #ccc;border-radius:5px;font-size:1em;padding:10px}.search-container input{width:70%}.search-container button{background-color:#007bff;color:#fff;cursor:pointer;width:25%}.search-container button:hover{background-color:#0056b3}.search-container:hover input[type=text]{opacity:1;padding:.5em;width:370px}.band-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.band-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:cursive;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:250px}.band-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-10px)}.band-card img{border-radius:5px;width:100%}.band-card h3{font-size:1.5em;margin-top:15px}.band-card p{color:#555;font-size:1.1em;margin-top:10px}.band-card .band-location{color:#888;font-size:.9em;margin-top:5px}
/*# sourceMappingURL=main.caa4762b.css.map*/