@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding:0}html{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{text-decoration:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--clr-bg-secondary: #131314;--clr-bg-primary: #000000;--clr-light-gray: #222327;--clr-primary: #07b1e5;--clr-white: white;--filter: invert(80%)}body{display:flex;flex-direction:column;min-height:100vh;font-family:Poppins,sans-serif;background-color:var(--clr-bg-primary);color:var(--clr-white)}.container{margin:auto;max-width:1440px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.footer{margin-top:auto}#App{opacity:1;transition:all .1s ease}::-moz-selection{background-color:var(--clr-primary);color:#000}::selection{background-color:var(--clr-primary);color:#000}*{scrollbar-width:thin;scrollbar-color:var(--clr-primary) var(--clr-bg-secondary)}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:var(--clr-bg-secondary);width:12px}*::-webkit-scrollbar-thumb{background-color:var(--clr-primary);border-radius:20px;border:3px solid var(--clr-bg-secondary)}:root.dark-mode{--clr-bg-secondary: #f8f8f8;--clr-bg-primary: #f1f3f4;--clr-light-gray: #f8f8f8;--clr-primary: #07b1e5;--clr-white: rgb(0, 0, 0);--filter: invert(0%)}.dark-mode-toggle{--size: 2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;z-index:1;width:var(--size);height:var(--size);box-shadow:inset calc(var(--size) * .33) calc(var(--size) * -.25) 0;border-radius:999px;color:#e5e5ff;transition:all .5s}.dark-mode-toggle:checked{--ray-size: calc(var(--size) * -.4);--offset-orthogonal: calc(var(--size) * .65);--offset-diagonal: calc(var(--size) * .45);transform:scale(.75);color:#ff9100;box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size)}.header{background-color:var(--clr-bg-secondary);border-radius:0 0 15px 15px;box-shadow:0 5px 15px #0003}.header .header-contents{display:flex;align-items:center;justify-content:space-between;padding:1rem;position:relative}@media screen and (min-width: 576px){.header .header-contents{padding:1rem 2rem}}.header .header-contents .logo{max-width:8rem}.header .header-contents .hamburger-menu{height:2rem;width:2rem;cursor:pointer;z-index:20}@media screen and (min-width: 576px){.header .header-contents .hamburger-menu{display:none}}.header .header-contents .hamburger-menu img{filter:var(--filter)}.header .header-contents .nav{position:fixed;top:0;right:0;width:100vw;z-index:18;overflow:hidden;transition:all .2s ease;transform:translateY(-100%)}@media screen and (min-width: 576px){.header .header-contents .nav{display:block;position:relative;transform:translateY(0);width:auto}}.header .header-contents .nav .nav-links{background-color:var(--clr-light-gray);height:100%;padding:3.5rem 2rem 2rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem}@media screen and (min-width: 576px){.header .header-contents .nav .nav-links{background-color:transparent;flex-direction:row;padding:0;gap:2rem}}.header .header-contents .nav .nav-links .nav-anchor{color:var(--clr-white);transition:opacity .2s ease}.header .header-contents .nav .nav-links .nav-anchor:hover{opacity:.7}.header .header-contents .nav .nav-links #season-nav{background-color:var(--clr-light-gray);border:none;color:var(--clr-white);padding:0;cursor:pointer;outline:none}@media screen and (min-width: 576px){.header .header-contents .nav .nav-links #season-nav{background-color:var(--clr-bg-secondary)}}.header .header-contents .nav.open{transform:translateY(0)}.header .header-contents .nav.open~.hamburger-menu img{content:url(/images/circle-xmark-regular.svg)}.overlay{background-color:#0006;height:100vh;width:100vw;z-index:10;position:fixed;top:0;left:0;transition:all .2s ease;opacity:0;visibility:hidden;pointer-events:none}@media screen and (min-width: 576px){.overlay{display:none}}.overlay.open{opacity:1;visibility:visible;pointer-events:all}.footer{background-color:var(--clr-bg-secondary);border-radius:15px 15px 0 0;color:var(--clr-white);z-index:1;box-shadow:0 -5px 15px #0003}.footer .footer-contents{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;gap:.5rem}@media screen and (min-width: 576px){.footer .footer-contents{flex-direction:row;padding:1rem 2rem}}.footer .footer-contents .my-info{display:flex;align-items:center;gap:.5rem}.footer .footer-contents .my-info .my-photo{max-width:3rem}.footer .footer-contents .my-info a,.footer .footer-contents .my-info a:active{color:var(--clr-primary)}.footer .footer-contents .copyright{opacity:.6}.footer .footer-contents .social-links{display:flex;gap:1rem}.footer .footer-contents .social-links .social-link{height:auto;max-width:2rem}.footer .footer-contents .social-links .social-link:hover img{filter:invert(50%)}.footer .footer-contents .social-links .social-link img{height:2rem;width:2rem;filter:var(--filter);transition:filter .2s ease}.season-cards{display:grid;grid-gap:1rem;justify-content:center;align-content:center;grid-template-columns:repeat(auto-fit,minmax(9rem,auto));gap:1rem;padding:1rem}.season-cards__card{outline:none}.season-cards__card:hover .card-contents,.season-cards__card:active .card-contents,.season-cards__card:focus .card-contents{transform:scale(.97)}.season-cards__card:hover .title,.season-cards__card:active .title,.season-cards__card:focus .title{color:var(--clr-primary)}.season-cards__card .card-contents{background-color:var(--clr-light-gray);padding:.5rem;transition:transform .2s ease;border-radius:10px;text-align:center;color:var(--clr-white);display:block;box-shadow:5px 5px 15px #0003}.season-cards__card .card-contents .thumbnail{border-radius:5px;overflow:hidden;margin-bottom:1rem}.season-cards__card .card-contents .thumbnail img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.season-cards__card .card-contents .title{font-weight:700;font-size:1.5rem;transition:color .2s ease}.season-cards__card .card-contents .release-date{font-size:.8rem;opacity:.5}.primary-heading-episodde{font-size:1.2rem;font-weight:700;text-align:center;border-bottom:5px solid var(--clr-primary);margin:1rem auto;width:-moz-fit-content;width:fit-content;border-radius:5px}.episode-cards{display:grid;grid-gap:1rem;justify-content:center;align-content:center;grid-template-columns:repeat(auto-fit,minmax(13rem,20rem));gap:1rem;padding:1rem}.episode-cards__card{outline:none;background-color:var(--clr-light-gray);padding:.5rem;transition:transform .2s ease;border-radius:10px;text-align:center;color:var(--clr-white);display:block;height:100%;box-shadow:5px 5px 15px #0003}.episode-cards__card:hover,.episode-cards__card:active,.episode-cards__card:focus{transform:scale(.97);outline:3px solid var(--clr-primary)}.episode-cards__card:hover .title,.episode-cards__card:active .title,.episode-cards__card:focus .title{color:var(--clr-primary)}.episode-cards__card .thumbnail{border-radius:5px;overflow:hidden;margin-bottom:1rem}.episode-cards__card .thumbnail img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.episode-cards__card .title{font-weight:700;font-size:1.1rem;margin-bottom:1rem;transition:color .2s ease}.episode-cards__card .title-secondary{font-size:1rem;font-weight:400}.episode-cards__card .release-date{font-size:.8rem;opacity:.5}.episode-cards__card.playing{position:relative;outline:3px solid var(--clr-primary);pointer-events:none!important}.episode-cards__card.playing:after{content:"Playing";position:absolute;color:#fff;top:.5rem;right:.5rem;background-color:var(--clr-primary);border-radius:5px;padding:.1rem .5rem;font-size:1.5rem}.video-section{padding:1rem}.video-section .video-container{display:flex;padding:.3rem;background-color:var(--clr-light-gray);background:linear-gradient(to bottom right,rgba(30,50,80,.9),rgba(45,45,45,.9),rgba(220,220,220,.9));border-radius:10px;width:100%;max-width:50rem;margin:auto;margin-bottom:2rem;box-shadow:5px 5px 15px #0006;aspect-ratio:16/9}.video-section .video-container #my-player{height:100%;width:100%;margin:.25rem;border-radius:5px;overflow:hidden}.video-section .video-container iframe{border:none}.video-section .video-info{text-align:center;max-width:50rem;margin:auto}.video-section .video-info hr{border:none;border-bottom:1px solid var(--clr-primary);margin:.3rem}.video-section .video-info .video-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.video-section .video-info .video-secondary-title{font-size:1.2rem;font-weight:400;margin-top:1rem;margin-bottom:.5rem}.video-section .video-info .release-date{font-size:.9rem;opacity:.5;margin-bottom:1rem;display:inline-block}.video-section .video-info .video-description{margin-top:1rem;font-size:1rem;font-weight:400;line-height:1.2}.about-container{max-width:50rem;margin:auto;padding:1rem}.about-container section{margin-bottom:1.5rem}.about-container .about-profile-photo{max-width:15rem;margin:auto;margin-bottom:1rem}.about-container .primary-heading{font-size:1.5rem;border-bottom:2px solid var(--clr-primary);width:-moz-max-content;width:max-content;margin-bottom:1rem;color:var(--clr-primary)}.about-container .secondary-heading{font-size:1rem;margin-bottom:.5rem;color:var(--clr-primary);opacity:.9;margin-left:1.5rem}.about-container .explanation{margin-bottom:1rem}.about-container a{color:var(--clr-primary);text-decoration:underline}