:root{--norm-color: antiquewhite;--background-black: #3c3b3b7e;--purple: #350b38;--melon: #f7a598ff;--mountbatten-pink: #967a8eff;--font-Lato: "Lato", sans-serif;--btn-height: 3.4rem}@media (max-width: 650px){:root{--gap-width: 1rem}}@media (min-width: 676px){:root{--fs-h1: 2.8rem}}.mainHeading{position:fixed;top:0;left:50%;transform:translate(-50%);align-items:center;justify-content:center;display:flex;background-color:var(--purple);padding:.7rem 1.5rem;border-radius:.9rem;z-index:1000;box-shadow:0 4px 6px #0000001a;margin:0;width:auto;font-size:var(--fs-h1)}.mainPage{display:flex;flex-direction:column;min-height:100vh}.jsonError{color:red}footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;align-items:center;height:74px;background-color:var(--background-black);z-index:1000}.btn{color:var(--melon);border-radius:5px;padding:.5rem 1rem;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease;position:relative}.btn:hover{background-color:var(--melon);color:#000}#homeBtn:after{content:"Home";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--purple);color:var(--norm-color);padding:.3rem .5rem;border-radius:3px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#genreBtn:after{content:"Genres";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--purple);color:var(--norm-color);padding:.3rem .5rem;border-radius:3px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#favoritesBtn:after{content:"Favorites";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--purple);color:var(--norm-color);padding:.3rem .5rem;border-radius:3px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#homeBtn:hover:after,#genreBtn:hover:after,#favoritesBtn:hover:after{opacity:1;visibility:visible}.btn:focus{outline:2px solid var(--melon);outline-offset:2px}.btn>*{font-size:x-large}.preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-width);max-width:1200px;margin:0 auto;padding:20px}.grid-item{background-color:#007bff;color:#fff;padding:20px;text-align:center;border-radius:5px}@media (max-width: 768px){.preview{grid-template-columns:repeat(2,1fr);padding:15px}}@media (max-width: 860px){.preview{grid-template-columns:repeat(2,1fr);padding:15px}}@media (max-width: 480px){.preview{grid-template-columns:1fr;padding:10px}}@media (max-width: 540px){.preview{grid-template-columns:1fr;padding:10px}}.podcastWrapper{color:unset;text-decoration:unset;border-bottom:1px solid var(--norm-color);border-radius:.8rem}.singlePodcast{display:flex;align-items:center;padding:18px 24px;margin-bottom:15px;border-radius:5px;margin:.8rem;transition:all .2s ease-in-out;background-color:transparent}.singlePodcast:hover{background-color:var(--mountbatten-pink)}.dateUpdated{text-align:center}.dateUpdated:hover{text-decoration:underline;text-align:center}.singlePodcast>img{height:70px;border-radius:5px;margin-right:2rem}.buttons,.sortingSection{padding-bottom:.3rem;padding-top:.8rem;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;max-width:1200px;margin:0 auto;overflow-x:hidden}.genreType{text-align:center;flex:1 1 200px;margin:10px;height:var(--btn-height);padding:6px 26px;font-family:var(--font-Lato);font-style:normal;font-weight:600;cursor:pointer;border-radius:5px;transition:.2s all cubic-bezier(.4,0,.2,1);background-color:transparent;color:var(--melon);border:.1rem solid var(--melon)}@media (max-width: 768px){.buttons{flex-wrap:wrap;overflow-x:auto}.genreType{flex:1 1 auto}}@media (max-width: 480px){.buttons{flex-wrap:wrap;padding:10px}.genreType{flex:1 1 100%;padding:15px}}.genreType:hover{border:.1rem solid var(--norm-color);color:#4d4d4d;background-color:var(--norm-color)}.genreType:focus{outline:var(--purple)}.genreType.selected{border:.1rem solid var(--melon);color:var(--norm-color);background-color:var(--melon)}.genreType.clear-filters{height:var(--btn-height);text-decoration:underline;background-color:transparent;color:var(--norm-color);border:.1rem solid var(--norm-color)}.genreType.clear-filters:hover{color:var(--melon);background-color:var(--norm-color)}.about h2{padding-bottom:.4rem;text-decoration:underline}.filterName{text-align:center;text-decoration:underline}:root{--norm-color: antiquewhite;--Link-black: #4d4d4d;--melon: #f7a598ff}.Links{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.genreLinks{font-weight:700;margin:0;color:var(--norm-color);font-size:1.5rem;transition:all .2s ease-in-out;padding:.8rem}.genreLinks:hover{text-decoration:underline;font-size:1.7rem;background-color:var(--melon);color:var(--Link-black);border-radius:3rem}:root{--norm-color: antiquewhite;--pale-dogwood: #f6d3c3ff;--uranian-blue: #b5d3f8ff;--redwood: #b76254ff;--melon: #f7a598ff;--mountbatten-pink: #967a8eff;--link-color-hover: #d9db39;--link-color: #2b2bdd;--padding-inline: .3rem 1.3rem;--font-Lato: "Lato", sans-serif}.podcastContainer{font-size:large}.podcastContainer h1{color:var(--norm-color);padding:var(--padding-inline)}.podcastContainer h2{padding:var(--padding-inline);text-decoration:underline;color:var(--norm-color)}.podcastContainer h3{color:var(--redwood);padding:var(--padding-inline)}.podcastContainer h4{color:var(--uranian-blue);padding:var(--padding-inline)}.podcastContainer h5{color:var(--mountbatten-pink);padding:var(--padding-inline)}.paragraph{padding:var(--padding-inline);color:var(--pale-dogwood)}.paragraph a{text-decoration:none;color:var(--link-color);transition:all .2s ease-in}.paragraph a:hover{text-decoration:underline;color:var(--link-color-hover)}.email{transition:all .2s ease-in!important;color:var(--link-color)!important}.email:hover{color:var(--melon)!important}.podcastImage>*{text-align:center;margin:10px}.podcastImage>img{text-align:center;width:20rem;margin:10px}.podcastImage>h3{font-size:x-large}.podcastImage{background-color:transparent;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;max-width:1200px;overflow-x:hidden}@media (max-width: 768px){.podcastImage{flex-direction:column;overflow-x:auto}.podcastImage>*{flex:1 1 auto}.podcastImage>img{text-align:center;width:10rem;margin:10px}}@media (max-width: 480px){.podcastImage{flex-direction:column;padding:10px}.podcastImage>*{flex:1 1 100%}.podcastImage>img{text-align:center;width:10rem;margin:10px}.podcastImage>h1{font-size:larger}}.backButton>a{color:var(--norm-color);font-family:var(--font-Lato);font-size:large}.endpointError{padding:2rem;text-align:center}.endpointError h1{margin:2rem}:root{--norm-color: antiquewhite;--grey: #333;--redwood: #933b2d;--light-blue: #55cddb;--yellow-favorite: #dfdf21;--melon: #f7a598ff;--padding-inline: .3rem 1.3rem;--font-Lato: "Lato", sans-serif;--font-Noto: "Noto", sans-serif}.seasonContainer,.filteredSeason{padding:var(--padding-inline)}.podHead{text-decoration:underline}.audioPlayer{padding:1rem 0rem}.audioControls{border-radius:.7rem}.audioControls::-webkit-media-controls-panel{background-color:var(--melon);border-radius:5px}.audioControls::-webkit-media-controls-timeline::-webkit-media-controls-progress-bar{background-color:var(--redwood)}.seasonContainer{display:inline-block;position:relative}#seasonSelect{font-family:var(--font-Noto);padding:10px;border-radius:5px;background-color:var(--norm-color);color:var(--grey);cursor:pointer;font-size:large}#seasonSelect option{background-color:var(--norm-color);color:var(--grey)}#seasonSelect:hover,#seasonSelect:focus{border-color:var(--melon);box-shadow:0 0 5px var(--redwood);outline:none}.favorite{cursor:pointer}.favorite h3{cursor:pointer;transition:all .3s ease;padding-top:.5rem;display:flex;align-items:center}.favorite h3>span{margin-top:4px;padding-left:4px}.favorite h3:hover{text-decoration:underline}.favEpisodePath{color:var(--yellow-favorite)}.episodeBlock{padding-top:.9rem}.episodeBlock p{color:var(--light-blue)}:root{--font-Noto: "Noto Sans", sans-serif;--font-Lato: "Lato", sans-serif;--color: antiquewhite;--background-color: #242424;--melon: #f7a598ff;--padding-inline: .3rem 1.3rem}*{padding:0;margin:0}body{padding:1.7rem;background-color:var(--background-color);color:var(--color);font-family:var(--font-Noto);padding-top:80px;padding-bottom:74px}h1,h2,h3,h4,h5,h6{font-family:var(--font-Lato);font-weight:700}.homeButton{font-family:var(--font-Lato);background:#fff;cursor:pointer;color:var(--background-color);text-decoration:none;border-radius:.3rem;padding:.5rem 1.2rem;font-size:large;text-align:center;border:2px solid white;transition:all .3s ease-out;margin:30px}.homeButton:hover{border:2px solid var(--melon)}@media (max-width: 380px){.homeButton{font-family:var(--font-Lato);background:#fff;cursor:pointer;color:var(--background-color);text-decoration:none;border-radius:.3rem;padding:.5rem 1.2rem;font-size:medium;text-align:center;border:2px solid white;transition:all .3s ease-out;margin:30px}}@media (max-width: 370px){.homeButton{font-family:var(--font-Lato);background:#fff;cursor:pointer;color:var(--background-color);text-decoration:none;border-radius:.3rem;padding:.5rem 1.2rem;font-size:small;text-align:center;border:2px solid white;transition:all .3s ease-out;margin:30px}}.returnHome{text-align:center;padding:2rem}.returnHome h1{margin:2rem}.sortingSection h2{cursor:pointer;padding:var(--padding-inline);-webkit-user-select:none;user-select:none}.sortingSection h2:hover{text-decoration:underline}:root{--norm-color: antiquewhite;--pale-dogwood: #f6d3c3ff;--mountbatten-pink: #967a8eff;--uranian-blue: #b5d3f8ff}.titleSorting{text-align:center}.titleSorting h2{color:#55cddb;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.titleSorting h2 span{padding-top:9px;align-self:center}.titleSorting h2:hover{text-decoration:underline}.titleSorting ul>li{padding:.3rem;list-style-type:none;border-bottom:1px solid var(--norm-color);border-top:1px solid var(--norm-color);border-radius:2rem;margin:1rem 0}.titleSorting h3{color:var(--pale-dogwood);text-decoration:underline;padding:.9rem 0}.titleSorting h4{color:var(--mountbatten-pink);padding-bottom:.3rem}.titleSorting h5{display:flex;align-items:center;justify-content:center;font-size:medium}.titleSorting h5>span{margin:3px;font-size:1.7rem}.titleSorting h5>span:hover{color:red;cursor:pointer}.titleSorting h6{color:var(--uranian-blue);font-size:small}
