:root{font-family:-apple-system,BlinkMacSystemFont,Noto Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--pure-white: rgb(255, 255, 255);--dark-pure-black: rgb(0,0,0);--primary-color: rgb(185, 198, 210);--dark-primary-color: rgb(0, 0, 0);--dark-primary-color-opaque: rgb(2, 2, 2 .6);--secondary-color: rgb(208, 221, 233);--dark-secondary-color: rgb(46, 48, 51);--mid-secondary-color: rgb(124, 128, 134);--tertiary-color: rgb(237, 240, 248);--dark-tertiary-color: rgb(22, 22, 24);--accent-color: rgba(108, 161, 29, 1);--dark-accent-color: rgb(55, 82, 14);--link-color: rgb(60, 88, 17);--dark-link-color: rgb(226, 226, 226);--dark-border-color: rgb(139, 139, 139);--dark-mobile-color: rgb(151, 151, 151);--dark-dimmer-color: rgb(136, 136, 136);--heading-color: rgb(97, 144, 26);--dark-heading-color: rgb(97, 144, 26);--rua-green: rgb(97, 144, 26);--dark-rua-green: rgb(173, 219, 103);--rua-red: rgb(157, 12, 21);--dark-rua-h1: rgb(209, 209, 209);--rua-dark-green: rgb(99, 190, 174);--dark-rua-dark-green: rgb(36, 69, 63);--rua-mid-green: rgb(100, 139, 93);--dark-rua-mid-green: rgb(176, 216, 169);--dark-rua-mid-green-opq: rgb(176, 216, 169, .8);--text-color-dark: rgb(55, 55, 55);--text-color: rgb(235, 235, 235);--dark-text-color: rgb(68, 68, 68);--background-without-opacity: rgba(255, 255, 255, .7);--dark-background-without-opacity: rgba(7, 7, 7, .7);--column-width: 42rem;--column-margin-top: 4rem;--max-width-1200: 1200px;--max-width-1100: 1100px;--deep-blue-color:rgb(10, 23, 66);--very-blue-color: rgb(6, 12, 51);--quite-blue-color:rgb(25, 31, 69);color:var(--text-color)}body{min-height:100vh;margin:0;background-color:var(--primary-color);background:linear-gradient(180deg,var(--dark-primary-color) 0%,var(--dark-secondary-color) 10.45%,var(--dark-tertiary-color) 41.35%)}body:before{content:"";width:80vw;height:100vh;position:absolute;top:0;left:10vw;z-index:-1;background:radial-gradient(50% 50% at 50% 50%,var(--pure-black) 0%,rgba(33,33,33,1) 100%);opacity:.05}#svelte{min-height:100vh;display:flex;flex-direction:column}body:before{background:radial-gradient(50% 50% at 50% 50%,var(--darkreader-bg--pure-white) 0%,rgba(255,255,255,0) 100%)}header.topHeader{display:flex;flex-direction:column;padding:0;width:100%;margin:0 auto}header.topImg{position:relative}nav.headerNav{position:absolute;top:0;opacity:.7}nav{display:flex;justify-content:center;--background: var(--dark-secondary-color)}nav ul{position:relative;padding:0;margin:0;height:3em;display:flex;justify-content:center;align-items:center;list-style:none;background:var(--background);background-size:contain}nav li{position:relative;height:100%}nav li.active:before{--size: 6px;content:"";width:0;height:0;position:absolute;top:0;left:calc(50% - var(--size));border:var(--size) solid transparent;border-top:var(--size) solid var(--accent-color)}nav a{display:flex;height:100%;align-items:center;padding:0 1em;color:var(--dark-link-color);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:color .2s linear}a:hover{color:var(--accent-color)}.darktheme main{color:#e8e6e3}h1,h2{font-weight:400;color:var(--dark-rua-h1)}p{line-height:1.5}a{color:var(--dark-link-color);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--dark-text-color)}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}main{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;padding:0;box-sizing:border-box}footer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:40px;column-gap:40px;background-color:var(--dark-secondary-color);z-index:5;position:relative}footer p{width:auto;color:#fff}footer a{font-weight:700;color:#fff}p.bandP{font-size:30px;font-weight:700;color:#ccc}.spotimage{width:100%;margin-left:0%}.spotifyIframe{width:100%;height:80px;margin-left:0%}#wikipedia-search-results,.spotText{width:100%;margin-left:0%}form[name=switchForm]{opacity:.7}.topImg{position:relative}.topImg img{width:100%}.topImg h1{position:absolute;top:2px;right:10px;background-color:var(--dark-primary-color-opaque)}.display.mainlisting{display:grid;grid-auto-columns:1fr fit-content(30%);grid-gap:3%;min-height:50vh}.band_list{display:flex;grid-gap:10px 3px;flex-flow:wrap;align-self:flex-start;grid-column:1}.band_list.listView{display:grid;grid-template-columns:1fr;overflow-y:scroll}.band_list>span{width:auto;border:1px solid var(--dark-link-color);border-radius:4px;background-color:var(--dark-secondary-color);color:var(--dark-link-color);padding:3px 10px;font-size:1rem;cursor:pointer;display:grid;grid-template-columns:25px 60% 1fr fit-content(180px)}.band_list span.localtime{color:var(--dark-dimmer-color);padding-left:9px}.listView.detailsVisible.band_list>span{grid-template-columns:40px 1fr 1fr 1fr;font-size:.9rem;grid-template-columns:25px 50% 1fr fit-content(167px)}.band_list>span:hover{background-color:var(--dark-secondary-color);opacity:.7}.band_details{grid-column:2}.band_details:empty{width:0%}.spotifybtnlink{color:var(--dark-link-color)}.utilities{display:grid;grid-template-columns:1fr 1fr;padding:3px 10px 10px 0;position:relative}.utilities form{justify-self:self-end;position:absolute;left:3px;top:-33px}.spotimage[src=""]{opacity:0;height:0px;margin-left:0;display:none}.preferences{display:none}.preferences.detailsVisible{display:block}.preferences.detailsVisible form{display:grid;grid-template-columns:1fr 1fr 1fr 40px;grid-gap:2%}.preferences input{height:0;width:0;visibility:hidden}.preferences label{border-radius:4px;color:var(--dark-link-color);font-size:12px;background-color:transparent;border:1px solid var(--dark-link-color);display:block;text-align:center;cursor:pointer}.preferences label.love.activePref{background-color:#39c916;color:var(--dark-text-color)}.preferences label.like.activePref{background-color:orange;color:var(--dark-text-color)}.preferences label.skip.activePref{background-color:#db1a1a}.preferences label.none.activePref{background-color:#000;opacity:.7}.preferences button:hover{background-color:var(--dark-secondary-color);opacity:.7}.band_list .activeArtist,.activeBtn{background-color:#1ca7dd99}.band_list>span>span.prefIndic{margin-right:10px;display:inline-block;width:15px;height:15px;border-radius:50%;align-self:center}span.preference1 span.prefIndic{background:#39c916}span.preference2 span.prefIndic{background:orange}span.preference3 span.prefIndic{background:#db1a1a}span.preference0 span.prefIndic{background-color:var(--dark-secondary-color);opacity:.7}summary{cursor:pointer;padding-left:9px}.editbands{display:grid;grid-gap:4%;grid-template-columns:60% 35%}.editbands.city{grid-template-columns:100%}div.inputFormBands{width:100%;margin-top:30px}textarea.bandEntry{width:100%;margin-left:0%;margin-top:10px;height:150px;font-size:20px}.submitBands{display:inline}.addBandsForm input,.addBandsForm textarea,.submitBands{background-color:var(--dark-secondary-color);color:var(--text-color)}.editingSection{margin-top:15px;margin-bottom:15px}#addFestivalForm{float:right;width:400px;height:auto}#band_details.detailsClose{display:none}#toggleDetails{background-color:#000;opacity:.7;border-radius:4px;color:var(--dark-link-color);font-size:12px;background-color:transparent;border:1px solid var(--dark-link-color);display:block;text-align:center;cursor:pointer;width:40px;position:absolute;right:0;top:-40px}.band_details{position:relative}.bottomPage{display:grid;grid-template-columns:1fr 60px}.initialContainer,h1.pageTitle.listVisible{display:none}h1.pageTitle{text-align:left;font-size:1.4rem}.initialContainer.listVisible{display:grid;justify-content:space-between;gap:15px;grid-template-columns:1fr 1fr 1fr;padding-bottom:40px}.initialContainer>a{border:1px solid var(--dark-link-color);border-radius:3px;background-color:var(--dark-secondary-color);align-items:center;border:1px solid #333;display:flex;justify-content:center;height:100px;color:#ccc;font-size:1.3em;cursor:pointer;text-decoration:none}.initialContainer>a:hover{background-color:var(--dark-tertiary-color);text-decoration:none}@media (min-width: 720px){h1{font-size:2.4rem}}@media only screen and (min-width: 800px){main,header.topHeader{max-width:800px}}@media only screen and (min-width: 1000px){main,header.topHeader{max-width:900px}}@media only screen and (min-width: 1200px){main,header.topHeader{max-width:1024px}.initialContainer>div{height:100px}}@media only screen and (max-width: 600px){.darkmode main{padding:3px}.spotimage{width:95%;margin-left:5%}.spotifyIframe{width:95%;height:80px;margin-left:5%}#wikipedia-search-results,.spotText{width:95%;margin-left:5%}footer{display:grid;grid-template-columns:1fr}footer p{width:100%;color:#fff}nav ul{height:2em}nav a{padding:0 .75em}.utilities form{top:0;justify-self:self-start;position:static}.band_list{display:flex;grid-gap:10px 3px;grid-template-columns:100%}.band_list.listView{display:grid;grid-template-columns:1fr;max-height:80vh}.display{position:relative}.band_details{grid-column:2;position:absolute;display:block;top:-20px;right:0;background-color:#121212;opacity:.9;padding:5px 20px 20px;width:60vw;box-shadow:-5px 0 5px -3px #050505;z-index:10}#toggleDetails{position:relative;margin-left:auto;margin-bottom:40px;top:8px;font-size:20px}.listViewToggle{display:none}.topImg h1{margin-top:0}.utilities{grid-template-columns:1fr}.band_list>span{display:grid;padding-left:4px;font-size:1.1rem;grid-template-columns:25px 1fr}.band_list.listView.detailsVisible>span{font-size:1.1rem;display:grid;grid-template-columns:20px 1fr}.band_list>span>span{margin-right:6px}.band_list>span>span.bandName{margin-right:6px;display:inline-block}.band_list>span>span.venueDisp,.band_list>span>span.dateDisp{font-size:.9rem;color:var(--dark-mobile-color)}.band_list>span>span:last-child{margin-right:2px}.band_list>span>span.prefIndic{margin-right:10px;width:15px;height:12px;border-radius:50%;align-self:start;padding-top:4px;grid-row:span 5}.initialContainer.listVisible{justify-content:space-around;grid-template-columns:1fr 1fr}.initialContainer>div{width:45vw;height:10vw;color:#ccc;font-size:16px}}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto;box-sizing:border-box}footer.svelte-12qhfyh{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}@media (min-width: 480px){footer.svelte-12qhfyh{padding:40px 0}}