@import "https://fonts.googleapis.com/icon?family=Material+Icons";@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes appear-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes menacing{20%{transform:translate(1px,-1px)}40%{transform:translate(-1px,1px)}60%{transform:translate(1px,1px)}80%{transform:translate(-1px,-1px)}to{transform:translate(1px,-1px)}}.jojoButton{border:.2rem solid #cd04ff;border-radius:.6rem;width:fit-content;transition:border-color .3s;position:relative}.jojoButton:before{content:"";background-color:#1b102e;border-radius:.6rem;transition:transform .3s;position:absolute;inset:-.3rem;overflow:hidden}.jojoButton:hover{border-color:#cd04ff}.jojoButton:hover:before{background-color:#1b102e;transform:scaleX(0)}.jojoButton button{color:#fff;isolation:isolate;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;margin:0;padding-bottom:.2rem;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;transition:all .3s;display:flex}.jojoButton button:hover{color:#e684ff}.jojoButton button:hover~img{opacity:1}.jojoButton .button-menacing1,.jojoButton .button-menacing2{opacity:0;pointer-events:none;width:32px;height:32px;transition:all .3s linear;animation:.5s linear infinite reverse both menacing;position:absolute;top:-1rem}.jojoButton .button-menacing1{right:-2.5rem}.jojoButton .button-menacing2{left:-2.5rem}.landing-page{width:100%}.landing-page .pane1,.landing-page .pane3{box-shadow:0 8px 8px #0000008f,0 -8px 8px #0000008f}.landing-page .pane1{color:#fff;background-color:#1b102e;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.landing-page .pane1 .text{flex-direction:column;align-items:center;width:fit-content;max-width:40%;display:flex}.landing-page .pane1 .text h1{color:#0000;background-image:linear-gradient(#cd04ff,#fff);-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:2rem;font-size:5rem;font-weight:500;line-height:normal}.landing-page .pane1 .text h2{color:#0000;background-image:linear-gradient(#cd04ff,#fff);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:300}.landing-page .pane1 .text a{text-decoration:none}.landing-page .pane1 .text{z-index:1}.landing-page .pane1 .human1{filter:grayscale()opacity(.5);z-index:0;position:absolute;bottom:-12rem;right:-15rem}.landing-page .pane1 .menacing1{z-index:0;width:64px;height:64px;animation:.5s linear infinite reverse both menacing;position:absolute;bottom:30rem;right:5rem}.landing-page .pane1 .menacing2{z-index:0;width:64px;height:64px;animation:.5s linear infinite reverse both menacing;position:absolute;bottom:25rem;right:17rem}.landing-page .pane1 .menacing3{z-index:0;width:64px;height:64px;animation:.5s linear infinite reverse both menacing;position:absolute;bottom:15rem;right:1rem}.landing-page .pane2{z-index:-1;isolation:isolate;background:linear-gradient(90deg,#cd04ff,#b298dc);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-page .pane2:before{content:"";z-index:-2;background:linear-gradient(#0003,#0009);position:absolute;inset:0}.landing-page .pane2 .rift{transform-origin:50%;z-index:-2;opacity:.3;place-items:center;width:fit-content;height:fit-content;display:grid;position:absolute;inset:50%}.landing-page .pane2 .rift .vortex-circle,.landing-page .pane2 .rift .vortex-star,.landing-page .pane2 .rift .spiral-fire{opacity:.5;position:absolute}.landing-page .pane2 .rift .crow,.landing-page .pane2 .rift .microphone{opacity:1;position:absolute}.landing-page .pane2 .rift .vortex-circle{width:50vh;height:50vh;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}.landing-page .pane2 .rift .vortex-star,.landing-page .pane2 .rift .spiral-fire{width:45vh;height:45vh;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}.landing-page .pane2 .rift .crow{transform-origin:50% 60vh;width:15vh;height:15vh;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;bottom:30vh}.landing-page .pane2 .rift .microphone{transform-origin:50% -60vh;width:15vh;height:15vh;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;top:30vh;transform:translateY(100%)}.landing-page .pane2 .text{text-align:center;color:#fff;max-width:90%;margin-top:4rem;margin-bottom:4rem}.landing-page .pane2 .text h2{font-size:2.5rem;font-weight:500}.landing-page .pane2 .text p{text-align:center;font-size:1.5rem}.landing-page .pane2 .text .people{flex-wrap:wrap;justify-content:space-around;margin-top:5rem;margin-bottom:5rem;display:flex}.landing-page .pane2 .text .people p{background:#0006;border-radius:1rem;width:20rem;margin-left:1rem;margin-right:1rem;padding:3rem}.landing-page .pane3{color:#fff;background-color:#1b102e;justify-content:space-around;width:100%;min-height:50vh;padding-top:3rem;display:flex}.landing-page .pane3 h2{margin-bottom:5vh}.landing-page .pane3 .episode{flex-direction:column;align-items:center;width:50%;display:flex}.landing-page .pane3 .episode h2{text-align:center}.landing-page .pane3 .episode .latest-episode{flex-direction:column;flex-grow:1;align-items:center;display:flex}.landing-page .pane3 .episode .latest-episode iframe{border-radius:12px;width:130%}.landing-page .pane3 .social{flex-direction:column;align-items:center;width:40vw;display:flex}.landing-page .pane3 .social h2{text-align:center}.landing-page .pane3 .social .social-links{flex-direction:row;width:80%;display:flex}.landing-page .pane3 .social .social-links .col1,.landing-page .pane3 .social .social-links .col2{flex-direction:column;flex-grow:1;width:100%;display:flex}.landing-page .pane3 .social .social-links .col1 .socialLink:not(:last-child),.landing-page .pane3 .social .social-links .col2 .socialLink:not(:last-child){margin-bottom:1rem}.landing-page .pane3 .social .social-links .col1{align-items:flex-end;margin-right:.5rem}.landing-page .pane3 .social .social-links .col2{margin-left:.5rem}@media only screen and (width<=1024px){.landing-page .pane1 .text{max-width:80%}}@media only screen and (width<=1120px){.landing-page .pane3{flex-direction:column;align-items:center;min-height:70vh}.landing-page .pane3 .social{width:70%}}@media only screen and (width<=650px){.landing-page .pane3 .episode .latest-episode iframe{width:300px;margin-bottom:5vh}.landing-page .pane3 .social .social-links{flex-direction:column}.landing-page .pane3 .social .social-links .col1,.landing-page .pane3 .social .social-links .col2{align-items:center;margin:0 0 1rem}.landing-page .pane2 .people p{margin-top:3vh;margin-bottom:3vh}}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vortex-star{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.5)}0%{transform:rotate(360deg)scale(1)}}.socialLink{color:#fff;cursor:pointer;background-color:#00000075;border-radius:.5rem;width:2rem;padding:1rem;transition:width .5s;display:block;overflow:hidden}.socialLink .data{align-items:center;display:flex;position:relative}.socialLink .data img{width:2rem;height:2rem}.socialLink .data p{opacity:0;white-space:nowrap;flex-grow:1;margin:0;font-size:2rem;line-height:2rem;transition:all .5s ease-out;position:absolute;right:0}.socialLink.open{width:100%}.socialLink.open p{opacity:1}.ranked-list{text-align:center;cursor:pointer;background-color:#ffffff0e;border-radius:1rem;width:60vw;margin-bottom:2rem}.ranked-list .list{opacity:0;font-size:0;transition:font-size .5s,opacity .5s .5s,margin-bottom .5s}.ranked-list .list .item{align-items:center;width:100%;display:flex}.ranked-list .list .item:not(:last-of-type) p{margin-bottom:0}.ranked-list .list .item .rank-num{margin-left:2rem}.ranked-list .list .item .episode-info{flex-grow:1;justify-content:center;align-items:center;display:flex}.ranked-list .list .item .episode-info p:nth-child(2){margin-left:.5rem;margin-right:.5rem}.ranked-list.open .list{opacity:1;margin-bottom:5vh;font-size:2rem}@media only screen and (width<=1024px){.ranked-list{width:90vw}}@media only screen and (width<=650px){.ranked-list.open .list{font-size:1.1rem}}.episode-rankings{color:#fff;background-color:#1b102e;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:4rem;display:flex;overflow:hidden}.episode-rankings h1{text-align:center}.episode-rankings .description{text-align:center;max-width:90vw;font-size:2rem}.episode-rankings .ranked-lists{flex-direction:column;flex-grow:1;align-items:center;margin-top:4rem;display:flex}.contact-us{color:#fff;background-color:#1b102e;justify-content:center;align-items:center;width:100%;min-height:100vh;padding-top:4rem;display:flex}.contact-us .text{max-width:40%}.contact-us .text a{text-align:center;color:#fff;align-items:center;width:fit-content;margin-left:auto;margin-right:auto;font-size:1.5rem;text-decoration:none;display:flex}.contact-us .text .twitter-info img{width:2rem;height:2rem;margin-right:.5rem}@media only screen and (width<=1024px){.contact-us{align-items:unset}.contact-us .text{max-width:90%}}.about-us{color:#fff;background-color:#1b102e;width:100%;min-height:100vh;padding-top:4rem;padding-bottom:4rem;overflow:hidden}.about-us h1{text-align:center}.about-us .PandB{justify-content:space-evenly;width:100%;margin-top:4rem;display:flex;position:relative;overflow:hidden}.about-us .PandB .Parker,.about-us .PandB .Brendon{background-color:#ffffff0e;border-radius:1rem;max-width:30%;padding:3rem}.about-us .PandB .Parker h2,.about-us .PandB .Brendon h2{font-size:2rem}.about-us .PandB .Parker p,.about-us .PandB .Brendon p{font-size:1.5rem}.about-us .jj{flex-direction:column;max-width:60%;margin-top:4rem;margin-left:auto;margin-right:auto;display:flex;overflow:hidden}.about-us .jj p{font-size:2rem}@media only screen and (width<=650px){.about-us .PandB{flex-direction:column;align-items:center}.about-us .PandB .Parker,.about-us .PandB .Brendon{max-width:80%;padding:1rem}.about-us .PandB .Parker{margin-bottom:2rem}.about-us .jj{max-width:90%}}.sidebar{z-index:2;position:fixed;top:0;left:0}.sidebar .mobile-btn{color:#fff;cursor:pointer;opacity:.6;place-items:center;width:fit-content;height:fit-content;margin:1rem;padding:.25rem;transition:all .3s;position:absolute;top:0;right:0}.sidebar .mobile-btn:hover{opacity:1;color:#cd04ff}.sidebar .mobile-btn span{pointer-events:none}.sidebar .mobile-close-btn,.sidebar .mobile-menu-btn{display:none}.sidebar nav{background-color:#0000;height:4rem;position:fixed;top:0;left:0;right:0}.sidebar nav:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000075;height:16rem;position:absolute;bottom:0;left:0;right:0}.sidebar nav .navLink{color:#fff;opacity:.6;font-size:2rem;text-decoration:none;transition:all .3s}.sidebar nav .navLink:hover{opacity:.9;color:#cd04ff}.sidebar nav .logo{position:absolute;top:.8rem;left:1rem}.sidebar nav ul{flex-direction:row;align-items:center;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}@media only screen and (width>=1024px){.sidebar nav ul li:not(:last-of-type){margin-right:2rem}.sidebar nav ul li:first-of-type{text-align:right;flex-grow:1}.sidebar nav ul li:nth-of-type(3){text-align:left;flex-grow:1}}@media only screen and (width<=1024px){.sidebar nav{transition:all .5s}.sidebar nav .mobile-menu-btn{float:right;display:block}.sidebar nav ul{background-color:#0000;flex-direction:column;height:fit-content;transform:translateY(-100%)}.sidebar nav ul li{text-align:center;place-items:center;height:4rem;margin:0;display:grid}.mobile-open{top:12rem!important}}.appear-up-0{opacity:0;animation:1.5s forwards appear-up}.appear-up-1{opacity:0;animation:1.5s .5s forwards appear-up}.appear-up-2{opacity:0;animation:1.5s 1s forwards appear-up}.appear-up-3{opacity:0;animation:1.5s 1.5s forwards appear-up}footer{isolation:isolate;background:linear-gradient(90deg,#cd04ff,#b298dc);position:relative}footer:before{content:"";z-index:-1;background:linear-gradient(#0003,#0009);position:absolute;inset:0}footer .Footer{color:#fff;z-index:2;justify-content:center;align-items:center;width:100vw;height:4rem;display:flex;position:relative}footer .Footer a{color:#fff;text-decoration:none}footer .Footer a img{filter:grayscale();width:1.5rem;height:1.5rem;margin-left:2rem;margin-right:2rem;padding:3px;transition:all .3s}footer .Footer a img:hover{background-color:#000;border-radius:3px}@media only screen and (width<=650px){.Footer a{margin-left:0;margin-right:0}}:root{color:#fff;scroll-behavior:smooth;font-size:16px;line-height:normal;overflow:hidden scroll}h1,h2,h3{color:#fff}#root{width:100%;margin:0}body{margin:0;padding:0;font-family:Barlow Condensed,sans-serif;overflow-x:hidden}.content{width:100%;min-height:100vh}