.App{text-align:center}html{overflow-x:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#22201c;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App-link{color:#61dafb}.brand-title{color:#d9d9d9;font-size:3rem}.brand-title span{color:#ffde59}.brand-description{font-size:1.4rem}.links{display:flex}.links a{color:#d9d9d9;font-size:1.2rem;margin:1rem}.navbar{align-items:center;background-color:#7fffd4;display:flex;flex-direction:row;justify-content:space-between}.logo{font-size:large;font-weight:900;margin-left:1rem}body{margin:0;padding:0;text-decoration:none}.theme-toggle{margin-right:1.5rem}button{padding-right:1rem}.banner{display:flex;flex-direction:row;margin:0 4rem}.text-group{margin-top:17%}.text-group :first-child{font-size:3rem}.text-group :nth-child(2){font-size:1.5rem}.right-image img{height:31rem;width:31rem}.heading{font-size:2rem;font-weight:700;margin:2rem auto;text-align:center}.categories-container{grid-gap:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0 3rem}.card img{max-height:10rem;max-width:10rem;object-fit:none}.card{border:.1rem solid #eee;border-radius:.5rem;margin-top:2rem;width:15rem}.card:hover{border:.1rem solid #000;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card p{margin:.5rem 1rem;text-align:justify}.img-container{text-align:center}.card .img-container{height:12rem;margin:0 auto;width:16rem}.card-button{margin:1rem 0;text-align:center}hr{width:50%!important}li{align-items:center;display:flex;flex-direction:row;list-style:none;padding-bottom:1rem;text-decoration:none}ul{margin-top:2rem}.icon-name,ul{padding-left:1rem}.sidebar-menu{padding-right:.5rem;width:9rem}.hide{display:none}li a{text-decoration:none}.top-bar .btn-top-bar{border-radius:.5rem;font-size:1rem;padding:.3rem .5rem}.btn-top-bar:hover{cursor:pointer;-webkit-transform:none;transform:none}.top-bar{-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1rem 0;padding-left:2rem}.btn-bg{background-color:#7fffd4}.content{flex-direction:column;height:100vh;justify-content:center}.content,.video-list-nav{align-items:center;display:flex}.video-list-nav{background-color:#7fffd4;flex-direction:row;height:3rem;justify-content:space-between;width:100vw}.left-items{display:inherit;padding-left:2rem}.nav-btn{padding-right:2rem}.search-box{overflow:hidden;width:20rem}.video-list{display:flex;flex-direction:row;min-height:35rem;width:100vw}.below-nav{width:100vw}.logo{text-decoration:none}@media only screen and (max-width:600px){.logo{display:none}}.trending-container{grid-gap:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));list-style:none;margin:0 3rem}.trending-container hr{width:50%}.video-container{border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.16);position:relative;width:16rem}.video-container:hover{border:.1rem solid #000;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.video-text img{border-radius:50%;height:36px;margin-left:0}.thumbnail{border-radius:8px 8px 0 0;height:10rem;width:16rem}.duration{background-color:#000;border-radius:3px;color:#fff;left:.5rem;margin-top:0;position:absolute;top:.5rem}.video-text p{margin-bottom:0;margin-top:0;padding-left:10px;text-align:start;width:180px}.video-text{display:flex;flex-direction:row}.channel-stats p{color:#aaa;font-size:12px}.longmenu{padding:0}li{border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:16rem}.main-container .video-container-main{-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:2rem 1rem;vertical-align:top}.login-prompt{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.menu{border-right:1px solid grey}.video-play-main{align-items:flex-start;display:flex;flex-direction:column;font-size:1rem;margin-left:3vw;min-height:100vh;padding-top:2vh;position:relative;width:100vw}.video{border:2px solid var(--gray-color);height:55vh;margin:2rem 0 1rem;width:95%}.video iframe{height:55vh;width:80%}.creator{display:flex;flex-direction:row}
/*# sourceMappingURL=main.c7e28ca9.css.map*/