body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#181d2b;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.homebg{height:99%;margin:0;padding:0;width:100%}h1{color:#fc4545;left:10%;top:5%;width:10%}.miniheader,h1{background-color:initial;height:10%;position:absolute}.miniheader{left:35%;top:50%;width:35%}button{background-color:#fc4545;border:0;height:8%;left:45%;position:absolute;top:60%;width:10%}button:hover{cursor:pointer}.login-page{display:flex;flex-direction:column}.logo3{height:5%;left:48%;position:absolute;top:10%;width:3%}.form-wrapper{background-color:#171e31;border-radius:20px;height:60%;margin-left:35%;margin-top:13%;width:30%}.form-title{height:10%;margin-left:8%;position:relative;top:10%;width:50%}.form,.form-title{background-color:#171e31}.form{height:50%;margin-top:15%;width:80%}.input-wrapper{height:30%;margin-left:10%;margin-top:5%;>input{background-color:#171e31;border:initial;border-bottom:1px solid grey;outline:medium none invert;outline:initial}>input:focus{border-color:#fff}}.submit-button{background-color:#fc4545;border:0;border-radius:10px;height:30%;margin-left:-35%;position:relative;top:15%;width:100%}.submit-button:hover{cursor:pointer}.login-hint{background-color:#171e31;height:20%;margin-left:20%;margin-top:15%;width:80%;a{background-color:#171e31;color:#fc4545}}.form-wrapper2{background-color:#171e31;border-radius:20px;height:70%;margin-left:35%;margin-top:10%;width:30%}.input-wrapper2{height:22%;margin-left:10%;margin-top:5%;>input{background-color:#171e31;border:initial;border-bottom:1px solid grey;outline:medium none invert;outline:initial}>input:focus{border-color:#fff}}.submit-button2{background-color:#fc4545;border:0;border-radius:10px;height:25%;margin-left:-35%;position:relative;top:10%;width:100%}*{background-color:#10141e;color:#fff;height:100%;margin:0;padding:0;width:100%}.trendingtitle{font-family:Outfit,sans-serif;font-size:2rem;font-weight:300;height:8%;margin-left:12%;position:relative;width:40%}.trendingcontainer{display:flex;flex-direction:row;height:40%;margin-left:12%;overflow-x:auto;width:88%}.trendingcontainer::-webkit-scrollbar{height:10px}.trendingcontainer::-webkit-scrollbar-track{background:#181d2b;border-radius:10px}.trendingcontainer::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.recommendtitle{font-family:Outfit,sans-serif;font-size:2rem;font-weight:300;height:6%;margin-left:12%;position:relative;top:6%;width:25%}.card-background{grid-gap:20px;grid-row-gap:40px;display:grid;gap:20px;grid-auto-rows:200px;grid-template-columns:repeat(4,1fr);height:100%;margin-left:12%;margin-top:4%;row-gap:40px;width:87%}.menu-bar{border-radius:10px;height:90%;margin-left:2%;position:fixed;top:5%;width:7%}.logo2,.menu-bar{background-color:#171e31}.logo2{height:5%;margin-bottom:50%;margin-left:30%;margin-top:25%;width:35%}.list{background-color:#171e31;display:flex;flex-direction:column;gap:8%;height:50%;margin-left:35%;margin-top:100%;width:30%;>img{background-color:initial;height:8%;width:80%}>img:hover{cursor:pointer}>img.selected,>img:hover{filter:invert(42%) sepia(95%) saturate(2746%) hue-rotate(326deg) brightness(98%) contrast(96%)}}.user-avatar{cursor:pointer;height:40px;margin-left:30%;margin-top:auto;position:relative;width:40px}.logout-button{background:#0000;background-color:#fc4545;border:initial;border-radius:10px;color:#fff;cursor:pointer;height:20px;left:5%;opacity:0;position:absolute;transform:translate(-23%,-30%);transition:.6s cubic-bezier(0,.39,.87,1.08);width:60px}.user-avatar:hover .logout-button{opacity:1;transform:translate(-23%,70%)}.user-avatar img{background-color:#171e31;width:100%}.search{align-items:center;display:flex;gap:24px;height:10%;margin-bottom:34px;margin-left:9%;margin-top:1%;width:90%}.search img{height:60%;margin-left:2%;margin-top:1%;width:3%}.search input{background:#0000;border:initial;border-bottom:1px solid #0000;font-size:24px;font-weight:100;min-width:400px;outline:medium none invert;outline:initial}.search input:focus{border-color:#fff}.card{border-radius:10px;flex:250px 1;height:100%;margin-bottom:1.5%;margin-right:1.5%;width:100%}.card:hover .playbutton{opacity:1}.bgimg{border-radius:10px;height:80%;width:100%}.playbutton{background-color:#ffffff4d;border-radius:30px;display:flex;flex-direction:row;height:22%;margin-left:30%;margin-top:-40%;opacity:0;position:relative;transition:.3s ease-in-out;width:40%;>h4{background-color:#ffffff03;height:55%;margin-left:15%;margin-top:10%;width:35%}}.playbutton:hover{cursor:pointer}.play{background-color:#ffffff03;height:80%;margin-left:8%;margin-top:4%;width:35px}.bookmark-shade{background-color:#00000080;border-radius:8px;height:15%;margin-left:87%;margin-top:-32%;position:relative;width:10%}.bookmark-shade:hover{cursor:pointer}.bookmarkbutton{background-color:#0000000d;height:60%;margin-left:20%;margin-top:20%;width:60%}.subtitle{display:flex;flex-direction:row;height:8%;margin-top:46%;width:65%;>p{font-size:20px;height:1%;margin-left:4%;margin-right:4%;margin-top:-7%;width:10%}h5{font-weight:300}h5:nth-of-type(2){width:153%}}.categoryicon{height:100%;margin-right:5%;width:50%}.title{font-size:1.1rem;font-weight:500;height:10%;margin-top:3%;width:100%}.trending-card{border-radius:10px;flex:0 0 auto;height:98.5%;margin-right:1%;width:40%;.bgimg{height:100%;width:100%}.subtitle{background-color:initial;margin-left:2%;position:relative;top:-10%;width:40%;h5:nth-of-type(2){width:200%}}.title{font-weight:500;margin-left:2%;position:relative;top:-14%;width:98%}.title,h5{background-color:initial}.playbutton{left:5%;top:20%;width:25%}.play{width:35%}.bookmark-shade{height:13%;margin-left:92%;top:26%;width:6%}.bookmark-shade,.bookmarkbutton{position:relative}.categoryicon{background-color:initial}}.trending-card:hover .playbutton{opacity:1}.bookmarks-card-background,.movies-card-background,.tvseries-card-background{grid-gap:20px;grid-row-gap:40px;display:grid;gap:20px;grid-auto-rows:200px;grid-template-columns:repeat(4,1fr);height:100%;margin-left:12%;row-gap:40px;width:87%}
/*# sourceMappingURL=main.88f340c9.css.map*/