body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#090909;font-family:Josefin Sans,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-container{align-items:center;background-color:#090909;display:flex;flex-direction:row;height:70px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.logo{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:40px;width:100px}.nav-links{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-right:40px;width:23%}.link{color:#fff;cursor:pointer;padding:5px 6px;position:relative;text-decoration:none;z-index:1}.link:after{background-color:#ff3434;border-radius:5px;content:"";height:2px;left:0;position:absolute;top:100%;transition:all .3s ease;width:0}.link:hover:after{width:100%;z-index:-1}.active{border-bottom:1px solid #ff3434}.badge{align-items:center;background-color:#ff3434;border-radius:10px;display:flex;font-size:small;height:15px;justify-content:center;position:absolute;right:-10px;text-align:center;top:-5px;width:15px}.profile-img-container{display:flex;position:relative}.profile-photo{border-radius:50px;height:30px;margin-left:10px;width:30px}.sign-out-dropdown{-webkit-animation:dropdown .5s ease;animation:dropdown .5s ease;background-color:#3f3f3f;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:200;padding:8px;position:absolute;right:0;top:125%}.sign-out-dropdown:hover{background-color:#ff3434;transition:all .5s ease}@-webkit-keyframes drpdown{0%{opacity:0;top:0}to{opacity:1;top:125%}}@keyframes drpdown{0%{opacity:0;top:0}to{opacity:1;top:125%}}@media only screen and (max-width:450px){.nav-container{grid-row-gap:8px;align-self:center;display:grid;grid-template-columns:repeat(2,0fr);margin:20px 0;row-gap:8px;width:105%}.nav-links{align-items:center;border-radius:10px;display:none;flex-direction:row;justify-content:space-around;padding:10px 0;width:140%}.nav-links,.open-nav{-webkit-animation:open-animation .8s ease;animation:open-animation .8s ease}.open-nav{background-color:#090909;display:flex}@-webkit-keyframes open-aniamtion{0%{opacity:0;top:0}to{opacity:1;top:8%}}@keyframes open-aniamtion{0%{opacity:0;top:0}to{opacity:1;top:8%}}.nav-links-btn{align-items:center;display:flex;flex-direction:column;height:25px;justify-content:space-around;width:20px}.dot{background-color:#ff3434;border-radius:5px;height:5px;width:5px}.dot:first-child{animation:btn-animation .5s ease infinite alternate-reverse}.dot:nth-child(2){animation:btn-animation .5s ease .4s infinite alternate-reverse}.dot:nth-child(3){animation:btn-animation .5s ease .5s infinite alternate-reverse}@-webkit-keyframes btn-animation{0%{width:5px}to{width:25px}}@keyframes btn-animation{0%{width:5px}to{width:25px}}}.loader{-webkit-animation:loader 1s ease-in-out infinite;animation:loader 1s ease-in-out infinite;background-color:#ff3434;border-radius:5px;height:3px;left:-100%;overflow:hidden;position:absolute;top:70px;width:100%}@-webkit-keyframes loader{0%{left:-95%}50%{left:95%}to{left:-95%}}@keyframes loader{0%{left:-95%}50%{left:95%}to{left:-95%}}.button-container{cursor:pointer;padding:6px 8px}.add-to-list-btn{background-color:#292929;border:none;border-radius:5px;color:#fff;font-size:medium;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:25px;outline:none}.add-to-list-btn:hover{background-color:#ff3434;color:#fff;transition:all .5s ease}.delete-btn{background-color:#292929;border:none;border-radius:5px;color:#fff;font-size:medium;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:18px;outline:none;padding:9px 12px}.delete-btn:hover{transition:all .5s ease}.delete-btn:hover,.google{background-color:#ff3434;color:#fff}.google{font-size:16px;padding:15px 20px}.google,.search-btn{border:none;border-radius:5px;outline:none}.search-btn{background-color:#ff3434;color:#fff;font-size:medium;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:10px;padding:10px 20px}.search-btn:hover{background-color:#292929;border:1px solid #fff;color:#fff;transition:all .3s ease}.profile-container{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:0}.txt{color:#464646;font-size:x-large;text-align:center;z-index:1}.auth-container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:20%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.alternate-text-message{color:#464646;font-size:xx-large;margin-bottom:50px;text-align:center;width:350px}.ex-card-container{grid-column-gap:45px;-webkit-column-gap:45px;column-gap:45px}.cards-container,.ex-card-container{grid-row-gap:40px;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:50px;margin-top:10px;row-gap:40px}.cards-container{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;margin-left:35px}.alternate-message{color:#464646;font-size:xx-large;left:50%;opacity:1;position:absolute;top:40%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.hide{opacity:0}@media only screen and (max-width:450px){.cards-container{margin:2px 12px;row-gap:30px}.cards-container,.ex-card-container{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:repeat(2,1fr);width:100%}}.card-container{align-items:center;background-color:#e9e9e9;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:0 0 5px;width:250px}.card-container:hover{-webkit-transform:scale(1.04);transform:scale(1.04);transition:all .3s ease}.img{border-radius:12px;height:80%;width:100%}.title{color:#090909;font-size:large;font-weight:400;margin:15px 6px 5px;text-align:center}@media only screen and (max-width:450px){.card-container{width:170px}}.explore-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.search-bar{background-color:#090909;border:none;border-bottom:2px solid #313131;border-radius:5px;color:#a6a6a6;font-size:large;height:35px;margin:10px 0 20px;outline:none;padding:5px 10px;width:460px}.explore-heading-container{align-items:center;display:flex;justify-content:right;margin-left:16px;padding:0 15px;width:96%}.form{margin-right:50px}@media only screen and (max-width:450px){.explore-page-container{margin-left:12px;width:100%}.form{align-items:center;display:flex;justify-content:center;margin:0}.search-bar{width:100%}.explore-heading-container{justify-content:center;padding:0}}.pagination-container{background-color:rgba(37,36,36,.991);border-radius:5px;display:flex;justify-content:space-between;margin-right:40px;padding:5px 8px}.arrow{color:#fff;cursor:pointer}.page-no{color:#fff;margin-top:5px}.heading-container{align-items:center;display:flex;justify-content:space-between;margin-left:16px;padding:0 15px;width:96%}.heading{color:#fff;margin-left:20px;margin-top:30px;text-align:center}.watch-lists-container{flex-direction:column;margin-bottom:100px;width:100%}.watch-list-container,.watch-lists-container{align-items:center;display:flex;justify-content:center}.watch-list-container{color:#fff;cursor:pointer;margin-top:40px;width:80%}.list-info-container{align-items:center;background-color:#303030;border-radius:8px;display:flex;height:100%;justify-content:space-between;padding:10px;width:60%}.list-info-container:hover{border-left:5px solid #ff3434;-webkit-transform:scale(1.04);transform:scale(1.04);transition:all .5s ease}.watch-list-image{border-radius:8px;width:100px}.watch-list-info-container{display:flex;flex-direction:column;height:100px;justify-content:space-around;width:60%}.empty-message{color:#464646;font-size:xx-large;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}@media only screen and (max-width:450px){.watch-lists-container{flex-direction:column;margin-bottom:100px}.watch-list-container,.watch-lists-container{align-items:center;display:flex;justify-content:center;width:100%}.watch-list-container{color:#fff;cursor:pointer;margin-top:40px}.list-info-container{align-items:center;background-color:#303030;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px;width:65%}.list-info-container:hover{border-left:5px solid #ff3434;-webkit-transform:scale(1.04);transform:scale(1.04);transition:all .5s ease}.watch-list-image{border-radius:8px;margin-bottom:20px;width:100px}.watch-list-info-container{display:flex;flex-direction:column;height:100%;justify-content:space-around;margin-bottom:5px;width:100%}.empty-message{color:#464646;font-size:xx-large;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.main-title,.secondary-title,.watch-list-info{margin-bottom:5px}}.card-info-container{color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px;position:relative}.banner-container{height:300px;overflow:hidden;width:100%}.anime-banner{filter:blur(10px);-webkit-filter:blur(24px);width:100%}.anime-info-container{background-color:#232323;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:-14% 5% 30px 15%;padding-bottom:8px;transition:all .8s ease;z-index:1}.anime-info-container,.info-image{border-radius:8px;width:250px}.info-title-1{font-size:large;font-weight:400;margin:15px 10px}.info-title-2{font-size:medium;font-weight:300;margin:-10px 10px 14px}.divider{background-color:#fff;height:.01rem;margin-bottom:8px;margin-left:2.5%;width:95%}.info-container{display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;transition:all .8s ease}.on-open{height:100%;opacity:1;padding:0 10px 8px;transition:all .8s ease}.info{margin-top:5px}.title-container{display:flex;flex-direction:column;width:50%}.genre{margin:0 0 10px}.info-title-container{display:flex}.synopsis{font-size:large;line-height:22px}.drop-info-btn{align-self:center;cursor:pointer;padding-top:8px;transition:all .5s ease}.active-btn{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .5s ease}.title-button-container{align-items:center;display:flex}.main-card-title{width:60%}@media only screen and (max-width:450px){.anime-info-container{margin:-35% 5% 30px}.title-container{width:90%}.info-title-container{align-items:center;flex-direction:column;justify-content:center}}
/*# sourceMappingURL=main.18e838b7.css.map*/