@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at bottom,rgba(35,4,105,.843) 25%,#0e002b 100%);font-family:Inter;min-height:100vh}.main-display-comtainer{grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-areas:"one" "two"}@media (min-width:90em){.main-display-comtainer{grid-template-columns:4fr 1fr}}.main-display-comtainer:first-child{grid-area:one}.main-display-comtainer:nth-child(2){grid-area:two}.navbar{align-items:center;background:linear-gradient(45deg,#180142,rgba(110,0,253,.843));display:flex;height:55px;justify-content:space-between;padding:0 2rem;width:100%}.navbar .logo{color:#f0f8ff;font-family:Inter;font-size:1.2rem;letter-spacing:.2rem}.navbar .logo span{color:#d0ff63;font-size:2rem;font-weight:700}.navbar .search-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.navbar .search-form .input-section{align-items:center;background:#100031;border-radius:25px;display:flex;justify-content:center}.navbar .search-form .input-section input{background:none;border:none;color:#f0edde;font-size:1.2rem;height:2.5rem;outline:none;padding-left:1rem;text-align:left;width:33vw}.navbar .search-form .input-section button{align-items:center;background:#0a001d;border:none;border-radius:0 20px 20px 0;color:#f0edde;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:3.5rem}.navbar .search-form .input-section button:hover{background:#1d0057;color:#d0ff63}.navbar .dark-mode{cursor:pointer}.video-item-container{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:rgba(0,0,0,.8);border-radius:15px;box-shadow:2px 2px 30px rgba(0,0,0,.212);color:#f0f8ff;cursor:pointer;display:flex;gap:1.2rem;padding:.5rem;transition:all .3s ease;width:100%}.video-item-container .video-image{-webkit-user-select:none;user-select:none}.video-item-container .video-image img{border-radius:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;object-fit:cover;width:230px}.video-item-container .video-info{display:flex;flex-direction:column;gap:1rem}.video-item-container .video-info .title .video-title{font-size:.95rem;margin-bottom:5px}.video-item-container .video-info .title .channel-title{color:gray;font-size:.8rem}.video-item-container:hover{box-shadow:0 4px 6px -1px #7c9fff1a,0 2px 4px -2px #7c9fff1a}@media (min-width:90em){.video-item-container{width:30rem}}.video-list{padding:1rem}.video-list .video-list-container{grid-row-gap:1.5rem;display:grid;grid-template-rows:1fr;row-gap:1.5rem}@media (min-width:90em){.video-list{margin:1.5rem 1rem 2rem 0;padding:0}}.video-details{margin:1.5rem 1rem 0}.video-details .video-display-container{grid-row-gap:1rem;display:grid;grid-template-rows:4fr 1fr;height:100%;row-gap:1rem;-webkit-user-select:none;user-select:none;width:100%}.video-details .video-display-container .video-iframe-container{position:relative}.video-details .video-display-container .video-iframe-container iframe{aspect-ratio:16/9;border-radius:15px;box-shadow:0 4px 6px -1px #e2e2e21a,0 2px 4px -2px #e2e2e21a;height:100%;left:0;position:absolute;top:0;width:100%}.video-details .video-display-container .video-info-card{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:rgba(0,0,0,.8);border-radius:15px;box-shadow:2px 2px 30px rgba(0,0,0,.212);color:#f0f8ff;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s ease;width:100%}.video-details .video-display-container .video-info-card h4{font-size:1.6rem}.video-details .video-display-container .video-info-card:hover{box-shadow:0 4px 6px -1px #7c9fff1a,0 2px 4px -2px #7c9fff1a}.copy-right-tags{align-items:flex-end;display:flex;justify-content:flex-end;margin:auto;padding:0 .8rem 1rem 0;width:100%}.copy-right-tags .copy-rights{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:rgba(0,0,0,.8);border-radius:1rem;box-shadow:2px 2px 30px #00000036;color:#f0f8ff;font-family:Roboto,sans-serif;font-size:.7rem;padding:.5rem 1rem;transition:all .3s ease}.copy-right-tags .copy-rights h2{align-items:center;display:flex}.copy-right-tags .copy-rights h2 .i-copy{font-size:1.2rem;margin-right:2px;padding:0}.copy-right-tags .copy-rights h2 a{color:#f0f8ff;text-decoration:none}.copy-right-tags .copy-rights h2 a span{color:#575aff}.copy-right-tags .copy-rights h2 a:hover{color:#575aff;transition:all .5s ease}.copy-right-tags .copy-rights h2 a:hover span{color:#f0f8ff}.copy-right-tags .copy-rights:hover{box-shadow:0 4px 6px -1px #7c9fff1a,0 2px 4px -2px #7c9fff1a}.copy-right-tags .links{align-items:center;color:#0e0e0e;display:flex;font-size:1.3rem;height:2rem;justify-content:space-between;margin:0 .5rem;-webkit-user-select:none;user-select:none;width:4.5rem}.copy-right-tags .links a{align-items:center;background:rgba(0,0,0,.8);border-radius:50%;color:#fff;display:flex;height:2.1rem;justify-content:center;padding:.5rem;text-decoration:none;transition:all .3s ease;width:2.1rem}.copy-right-tags .links a:hover{background:#f0f8ff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#0e0e0e;font-size:1.5rem}@media screen and (max-width:660px){.copy-right-tags{align-items:center;display:flex;justify-content:center}.copy-right-tags h2{font-size:.9rem}}
/*# sourceMappingURL=main.82e64ce4.css.map*/