.App{display:flex;flex-direction:column;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden;margin:0;background-color:#1c1c1c}.App .container{display:flex;flex-direction:row;flex:10;height:85vh}.categoryCard{border:1px solid black;width:8rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f77a36;border-radius:10%;background-color:#202020}.categoryCard:hover{box-shadow:inset 0 0 0 2em #f77a36;color:#000}.categoryCard-title{font-size:1rem}.categories{width:100%;height:15vh;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.playingPodcast{flex:3;display:flex;align-items:center;justify-content:center;background-color:#0000002e;border:1px solid lightgray;border-radius:10%}.playingPodcast-item{border:1px solid lightgray;width:80%;height:90%}.playingPodcastCard{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0000002e}.playingPodcastCard-img{width:100%}.playingPodcastCard-title{color:#f77a36;font-size:1rem;padding-top:.5rem}.playingPodcastCard-summary{color:#f77a36;font-size:.9rem;color:#fff;padding-left:.5rem;padding-top:.5rem}.playingPodcastCard-speaker{color:#fff;font-size:.9rem;padding-top:.5rem}.playingPodcastCard-slider__audio{width:20%}.playingPodcastCard-slider__progress{width:50%}.playingPodcastCard-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center}.playingPodcastCard-buttons .iconBtn{color:#fff}.playingPodcastCard-buttons .iconBtn .icon{color:#fff;font-size:1.75rem}.playingPodcastCard-buttons .iconBtn .icon:hover{color:#f77a36}.playingPodcastCard-audio{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.playingPodcastCard-audio .iconBtn{width:100%}.playingPodcastCard-audio .iconBtn .audio-slider{width:30%}.playingPodcastCard-audio .iconBtn .icon{color:#fff;font-size:1.5rem;padding:0 .5rem}.playingPodcastCard-audio .iconBtn .icon:hover{color:#f77a36}.playingPodcastCard-slider__progress{width:80%;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.playingPodcastCard-slider__progress .time{color:#fff;padding-left:.5rem;padding-right:.5rem}.podcastList{display:grid;gap:1rem;grid-template-columns:repeat(3,32%);grid-template-rows:1fr}.podcastList .img{width:100%;height:20rem;object-fit:cover}.podcastCard{object-fit:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:10px}.podcastCard-img{width:100%}.podcastCard-info{position:absolute;bottom:0;width:100%;height:6rem;background-color:#000000b3}.podcastCard-info__playBtn{background-color:#fff;border-radius:50%;width:2.5rem;position:absolute;right:0;top:-20px}.podcastCard-info__title{width:100%;color:#f77a36;font-size:1rem;display:flex;align-items:flex-start;padding:.5rem}.podcastCard-info__summary{width:100%;color:#f77a36;font-size:.9rem;padding-left:.5rem;box-sizing:border-box;white-space:wrap}.podcastCard-info__mp3{width:100%;color:#f77a36;font-size:.9rem}.podcastCard-info__speaker{width:100%;color:#fff;padding-left:.5rem}.podcastCard-info__publishedDate{width:100%;color:#f77a36}.podcastsWrapper{flex:7;height:85vh;padding:0 1rem;overflow:auto}.podcastsWrapper::-webkit-scrollbar{width:0!important}body{margin:0}