.tp-hero-bg{height:100vh;background-attachment:fixed;background-image:url(https://thepillows-ohyeah.github.io/the-pillows.jpg);background-repeat:no-repeat;background-size:cover;display:flex;align-content:center;margin-bottom:5rem}.tp-hero-bg--text{text-shadow:#000 2px 3px 2px;font-weight:700;margin:auto;text-align:center}.tp-hero-bg--text p:first-child{font-size:5rem;margin-bottom:3rem}.tp-hero-bg--text p{font-size:3rem;color:#fff}#tp-disbanded__description{font-size:1rem;margin-bottom:8rem}#tp-disbanded__description p{margin-bottom:1rem}#tp-disbanded__description img{flex:1;max-width:calc(50% - 1rem);height:auto}#tp-disbanded__notice{margin-top:3rem;display:flex;justify-content:space-between;column-gap:2rem}#tp-disbanded__quote{margin-top:3rem}#tp-disbanded__quote div:has(>blockquote){background-color:#ededed;margin:10px auto;padding:15px;border-radius:5px}#tp-disbanded__quote .video-container{display:flex;flex-flow:row wrap;margin-bottom:1rem}#tp-disbanded__farewell{font-size:2rem;margin-top:3rem}#tp-disbanded__farewell p:first-child{text-decoration:underline}#tp-disbanded__farewell p:last-child{margin-top:2rem;font-weight:700}@media (width <= 1536px){#tp-disbanded__notice{justify-content:center;row-gap:3rem}}#tp-compilation__description{font-size:1rem;margin-bottom:2rem}#tp-compilation__description p{margin-bottom:1rem}#tp-compilation__videos{margin-top:3rem;display:flex;flex-flow:row wrap;justify-content:space-between;column-gap:2rem}@media (width <= 1536px){#tp-compilation__videos{justify-content:center;row-gap:3rem}}#tp-ranking-songs{margin-top:5rem;margin-bottom:8rem}.tp-ranking-yeahs{text-align:center;display:grid;grid-row-gap:3rem;column-gap:1rem}.tp-ranking-yeahs h3{font-size:2rem;margin-bottom:1rem}.tp-ranking-total-yeahs{background-color:var(--primaryColor);border:1px solid var(--primaryColor);border-radius:5px;width:fit-content;margin:auto;padding:0 1rem}.tp-ranking-podium-numbers{display:inline-block;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.tp-ranking-top3,.tp-ranking-first-last-yeah-song{display:grid;column-gap:1rem}.tp-ranking-card{padding:1rem;box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d}.tp-ranking-top3{grid-template-columns:repeat(3,1fr)}.tp-ranking-first-position{color:var(--firstPositionColor)}.tp-ranking-second-position{color:var(--secondPositionColor)}.tp-ranking-third-position{color:var(--thirdPositionColor)}.tp-ranking-song-winner{font-weight:700;font-size:1.1rem;margin-bottom:1rem}.tp-ranking-first-yeah{color:#28a745}.tp-ranking-last-yeah{color:#dc3545}.tp-ranking-first-last-yeah-song{grid-template-columns:repeat(2,1fr)}@media (width <= 900px){.tp-ranking-top3,.tp-ranking-first-last-yeah-song{grid-template-columns:unset;row-gap:3rem}}#tp-yeah-overall{margin:auto auto 8rem;max-width:800px;width:100%}#tp-yeah-overall p{margin-bottom:.5rem}.tp-yeah-overall-container{margin:auto;width:100%}.tp-yeah-overall-row{margin-bottom:1rem}#tp-yeahs-per-year-container,#tp-yeahs-per-decade-container,#tp-yeahs-per-label-company-container{background-color:#f8f8f8;padding:3rem 0}.tp-yeahs-per-year,.tp-yeahs-per-decade,.tp-yeahs-per-label-company{display:flex;justify-content:center;flex-flow:row wrap}#tp-all-yeah-songs-container{margin:5rem auto 8rem;padding:0 2rem;width:1140px}#tp-search-song{border-radius:5px;border:1px solid #ced4da;font-size:1rem;width:100%;padding:.5rem .7rem;margin-bottom:2rem}@media (width <= 1200px){#tp-all-yeah-songs-container{width:100%}}footer{background-color:var(--secondaryColor);display:flex;justify-content:space-between;padding:2rem 1rem}footer p{color:#fff}@media (width <= 600px){footer{flex-flow:column wrap;align-content:center;text-align:center;row-gap:2rem}}*{box-sizing:border-box;padding:0;margin:0;line-height:1.5}#root{--primaryColor: #ffbc09;--secondaryColor: #404040;--firstPositionColor: #d4af37;--secondPositionColor: #c0c0c0;--thirdPositionColor: #cb6d51}h1,h2,h3,p,span,th,td{color:var(--secondaryColor)}a{color:var(--primaryColor);text-decoration:none}a:hover{text-decoration:underline}::selection{color:var(--secondaryColor);background-color:var(--primaryColor)}.container-full{margin:0 auto;width:100%}.container{margin:0 auto;width:1536px;padding:0 3rem}.title{font-size:2.8rem;font-weight:700;margin-bottom:3rem;text-align:center}.text-center{text-align:center}#disqus_thread{min-height:100px;margin-bottom:4rem}@media (width <= 1536px){.container{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;min-height:100vh}
