@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&family=DynaPuff:wght@500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;align-items:center;min-height:100vh}button{border-radius:8px;border:1px solid transparent;cursor:pointer;transition:border-color .25s;font-family:Ubuntu;font-size:clamp(1rem,1.2vw,1.4rem);font-weight:500}.default{color:#000;font-size:clamp(1.1rem,1.8vw,1.5rem);font-family:Ubuntu;font-weight:400}.title{font-size:clamp(2.5rem,5vw,3rem);font-family:Ubuntu;font-weight:700}.subtitle{font-size:clamp(1.8rem,3vw,2.5rem);font-family:Ubuntu;font-weight:500}.defaultSemiBold{font-size:clamp(1.2rem,1.8vw,1.5rem);font-family:Ubuntu;font-weight:500;color:#000}.error{color:var(--error);background-color:#eb2424a9;border-radius:5px;padding:15px;font-family:Ubuntu;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:400}.logo{font-size:30px;font-family:DynaPuff;font-weight:500;color:#000}.logo-nav{font-size:30px;font-family:DynaPuff;font-weight:500;color:#fff}.logo-large{font-size:65px;font-family:DynaPuff;font-weight:500;color:#000;margin-top:15px}.caption{color:gray;font-size:clamp(1.1rem,1.8vw,1.5rem);font-family:Ubuntu;font-weight:300}a{font-size:clamp(1.1rem,1.8vw,1.5rem);color:#0a7ea4;font-family:Ubuntu;font-weight:400;text-decoration:none;cursor:pointer}:root{--primary: #3eb54a;--secondary: #fced00;--text: #212121;--error: #b50c00}.band-cell-container{display:flex;flex-direction:column;padding:15px;margin-bottom:15px;border:2px solid black;border-radius:10px;background-color:#fff;max-width:2000px;box-shadow:3px 3px 5px #0000001a;position:relative}.cell-info-container{display:flex;flex-direction:row;justify-content:space-between}.left{display:flex;flex-direction:column;align-items:baseline;justify-content:space-evenly}.profile-image{max-width:50%;border-radius:10px}.band-view-button{width:90%;height:clamp(40px,10vw,60px);background-color:var(--secondary);align-items:center;justify-content:center;border-radius:15px}nav{background-color:var(--primary);box-shadow:3px 3px 5px #0000001a;width:100%;display:flex;align-items:center}nav ul{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px;width:100%}nav ul li{text-decoration:none;list-style:none}.logo-img{width:50px}.nav-add-img,.nav-info-img{width:35px}.label-text{display:flex;flex-direction:row;align-items:center;gap:5px;cursor:pointer}.loading-container{min-height:100vh;width:99vw;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}.text{margin-top:10px}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.band-info-container{display:flex;flex-direction:column;width:100%;max-width:1000px}.profile-header{display:flex;flex-direction:column}.profile-header div{display:flex;flex-direction:row;align-items:center;gap:15px}.profile-container-main{display:flex;flex-direction:column;padding:15px;border-radius:10px;margin-top:15px;margin-bottom:15px;position:relative;border:2px solid black;box-shadow:15px 15px 5px #0000001a}.profile-container-sub{display:flex;flex-direction:column;justify-content:space-between;height:400px;gap:25px}.band-profile-image{position:absolute;top:10px;right:10px;width:clamp(10rem,40vw,20rem);border-radius:8px}.band-contact-container{display:flex;flex-direction:column;margin-top:25px}.band-contact-button{width:100%;padding:20px;background-color:var(--secondary);display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:25px}.band-header-button{align-items:center;margin-right:10px;flex-direction:row}.band-header-text{color:#fff}.label-wrapper{display:flex;flex-direction:column}.search-container{display:flex;flex-direction:column;min-width:100%}.search-input-wrapper{position:relative}.search-filter-input{height:50px;border:1px solid #ccc;border-radius:8px;padding:0 10px;margin-top:10px;margin-bottom:20px;width:100%;font-size:clamp(1rem,1.8vw,1.3rem);font-family:Ubuntu;font-weight:400}.search-dropdown{max-height:150px;overflow-y:auto;border:2px solid #9b9b9b;border-radius:8px;background-color:#fff}.search-item{padding:12px;border-bottom:1px solid #eee;cursor:pointer}.blank-search-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}.blank-search-image{height:clamp(10rem,50vw,25rem);resize:contain;margin-left:15px}.feed-container{display:flex;flex-direction:column;justify-content:flex-start;padding:20px;min-height:100vh;min-width:99vw}.download-app-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;background-color:#999;padding:15px;cursor:pointer}.download-app-container img{width:150px}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.change-input-text{cursor:pointer;color:#000;font-size:16px;font-family:Ubuntu;font-weight:500;background-color:#bebebe96;padding:5px;border-radius:5px}.feed-header-button{display:flex;align-items:center;padding:6px 12px;cursor:pointer}.feed-header-container{border-bottom:1px solid black;margin-bottom:20px;padding-bottom:10px}.feed-search-filter-headers{display:flex;justify-content:space-between;align-items:center}.feed-list-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}.back-button{display:flex;flex-direction:row;align-items:center;gap:15px;margin-bottom:25px;cursor:pointer}.back-button img{width:2rem;cursor:pointer}.about-info-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;width:99vw;padding:15px;margin-top:10px;margin-bottom:50px}.band-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:99vw;min-height:100vh;padding:15px;margin-top:15px}.about-info-sub{display:flex;flex-direction:column}.section{display:flex;flex-direction:column;width:min-content;gap:5px;margin-top:30px;padding:15px;background-color:var(--primary);border-radius:5px;width:clamp(300px,90vw,900px);box-shadow:0 8px 12px var(--secondary)}.download-wrapper{display:flex;flex-direction:column;align-items:baseline;gap:5px;margin-bottom:15px;margin-top:8px;cursor:pointer}.download-wrapper img{width:250px}.horizontal-wrap{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:10px}.info-icon{width:25px}@media screen and (max-width:800px){*{overflow-x:hidden}.feed-list-container{grid-template-columns:1fr}.hide-on-mobile{display:none;width:0px}.nav-add-img{width:25px}.nav-info-img{width:45px}}