@import url(https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700;800&display=swap);*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}a:hover,button:hover{opacity:.8}input:focus,select:focus,textarea:focus{outline:none}:root{--bg-color-1:#08080c;--text-color-1:#34d178;--text-color-2:#f5f5f5;--font-family-1:"Oxanium",cursive}.App{background-color:#08080c;background-color:var(--bg-color-1);min-height:100vh;font-family:"Oxanium",cursive;font-family:var(--font-family-1)}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Anime{color:var(--text-color-2);max-width:100vw;overflow:hidden}.Anime .loading{display:flex;justify-content:center;align-items:center;margin:20vh 0}.Anime .anime-data .banner{max-height:300px;position:relative}.Anime .anime-data .banner>div{position:absolute;z-index:10;top:0;bottom:0;right:0;left:0}.Anime .anime-data .banner img{object-fit:cover;width:100vw;height:300px}.Anime .anime-data .body{background:2px solid var(--text-color-1);padding:2vh 20%;display:flex;grid-gap:5vw;gap:5vw}.Anime .body .left{height:300px;width:200px;display:flex;flex-direction:column;align-items:stretch;grid-gap:10px;gap:10px}.Anime .body .left img{object-fit:cover;border-radius:3px}.Anime .body .left a{color:#000;padding:5px 0;text-align:center;font-size:16px;font-weight:600;border-radius:3px}.Anime .right h1{font-size:38px;font-weight:600}.Anime .right .desc{margin:5px 0 10px}.Anime .right .genres{display:flex;flex-wrap:wrap;grid-gap:5px;gap:5px;margin:6px 0}.Anime .right .genre{padding:4px 8px;font-size:12px;border-radius:25px;color:#000;font-weight:600}.Anime .right .rating{border:1px solid rgb(87,97,112,48%);background:gold;padding:4px 8px;border-radius:25px;font-size:14px;display:flex;justify-content:flex-start;align-items:center;width:-webkit-max-content;width:max-content;margin:10px 0;color:#000;font-weight:600}.Anime .right .rating p{margin-right:4px}.Anime .right .year{background:rgb(87,97,112,48%);padding:4px 8px;border-radius:25px;font-size:14px;display:flex;justify-content:flex-start;align-items:center;width:-webkit-max-content;width:max-content;margin:10px 0;color:#fff;font-weight:600}.Anime .right .year p{margin-right:4px}.Anime .right .story{display:flex;grid-gap:20px;gap:20px;margin-top:10px}.Anime .right .story a{display:flex;align-items:center;font-size:16px;font-weight:600}.Anime .reviews{margin-top:20px;padding-top:20px;margin-bottom:40px}.Anime .reviews h2{margin-bottom:10px}.Anime .reviews .review-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.Anime .reviews .review{padding:10px;border-radius:3px;background-color:#171a1e;border:2px solid rgb(87,97,112,8%);color:var(--text-color-2)}.Anime .review>p{font-size:14px;font-weight:400}.Anime .review>div{display:flex;grid-gap:20px;gap:20px;align-items:center;justify-content:space-between}.Anime .review .user{display:flex;grid-gap:10px;gap:10px;align-items:center}.Anime .review .user p:first-of-type{font-size:20px;font-weight:600}.Anime .review .user p:last-of-type{opacity:.8;font-size:12px}.Anime .error{color:#de3b2d;font-weight:500;margin:10px 0 5px}@media screen and (max-width:900px){.Anime .anime-data .body{padding:2vh 5%}}@media screen and (max-width:650px){.Anime .anime-data .body{flex-direction:column;align-items:center}.Anime .anime-data .body .left{margin-bottom:10px}}.Input{display:flex;flex-direction:column;margin-bottom:10px}.Input label{color:var(--text-color-2);font-weight:500;margin-top:10px}.Input .input-box{position:relative;width:100%}.Input input,.Input textarea{width:100%;padding:10px;border:1px solid rgb(87,97,112,48%);margin-top:10px;background:rgb(87,97,112,8%);border-radius:5px;color:var(--text-color-2)}.Input textarea{resize:none}.Input input::-webkit-input-placeholder,.Input textarea::-webkit-input-placeholder{color:#65707a}.Input input::placeholder,.Input textarea::placeholder{color:#65707a}.Input input:focus,.Input textarea:focus{border:1px solid var(--text-color-1)}.Input .password-toggle{cursor:pointer;position:absolute;right:3%;top:45%}.Input .eye-close,.Input .eye-open{color:#65707a}.Input .error{font-size:12px;font-weight:500;color:#de3b2d;margin-top:5px;margin-left:4px}.btn-link{width:100%;display:flex;flex-direction:column;align-items:stretch}.btn{color:#0b0b0b;padding:10px 20px;font-weight:600;border-radius:4px;cursor:pointer;margin-top:10px;font-size:16px}.btn-green{border:2px solid var(--text-color-1)}#btn-id-green:disabled,.btn-green{background-color:var(--text-color-1)}#btn-id-green:disabled{cursor:not-allowed}.btn-red{background-color:#de3b2d;border:2px solid #de3b2d}#btn-id-red:disabled{background-color:#de3b2d;cursor:not-allowed}.btn .loading{display:flex;align-items:center;grid-gap:10px;gap:10px}.btn .loading .lds-ring{height:20px;width:20px}.btn .loading .lds-ring div{height:20px;width:20px;margin:0;border-width:2px;border-color:#0b0b0b transparent transparent}.Login{display:flex;justify-content:flex-end;position:relative;height:90vh;padding:0 10%}.Login>div{height:100%;display:flex;flex-direction:column;justify-content:center;width:30vw}.Login>div>h1{color:var(--text-color-2);margin-bottom:20px}.Login>div>h1 span{color:var(--text-color-1)}.Login>div>p{font-weight:500;margin-top:30px;color:var(--text-color-2)}.Login>div>a,.Login>div>p a{cursor:pointer;color:var(--text-color-1)}.Login>div>a{margin-top:5px}.Login img{position:absolute;height:80vh;left:10%;bottom:8%}.Login .error{color:#de3b2d;font-weight:500;margin:10px 0 5px}@media screen and (max-width:900px){.Login{flex-direction:column-reverse;height:100%;align-items:flex-start}.Login>div{margin:10px 0;width:100%}.Login img{position:static;height:40vh;width:auto;z-index:1}}.Signup{display:flex;position:relative;height:90vh;padding:0 10%}.Signup>div{height:100%;display:flex;flex-direction:column;justify-content:center;width:30vw}.Signup>div>h1{color:var(--text-color-2);margin-bottom:20px}.Signup>div>h1 span{color:var(--text-color-1)}.Signup>div>p{font-weight:500;margin-top:30px;color:var(--text-color-2)}.Signup>div>p a{cursor:pointer;color:var(--text-color-1)}.Signup img{position:absolute;height:80vh;right:10%;bottom:-1px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.Signup .error{color:#de3b2d;font-weight:500;margin:10px 0 5px}@media screen and (max-width:900px){.Signup{flex-direction:column;height:100%;align-items:flex-end}.Signup>div{margin:10px 0;width:100%}.Signup img{position:static;height:40vh;width:auto;z-index:1}}.Search{padding:0 15%}.Search .search-bar{margin:5vh 20%;display:flex;justify-content:space-between}.Search .search-bar label{color:var(--text-color-2);font-weight:500;margin-top:10px}.Search .search-term{display:flex;flex-direction:column;width:100%}.Search .search-bar input{width:70%;padding:10px;border:1px solid rgb(87,97,112,48%);margin-top:10px;background:rgb(87,97,112,8%);border-radius:5px;color:var(--text-color-2)}.Search .search-bar input::-webkit-input-placeholder{color:#65707a}.Search .search-bar input::placeholder{color:#65707a}.Search .dropdown{display:flex;flex-direction:column;margin-bottom:10px}.dropdown select{padding:10px 20px;border:1px solid rgb(87,97,112,48%);margin-top:10px;background-color:#08080c;border-radius:5px;color:var(--text-color-2);cursor:pointer}.dropdown select option{font-size:14px}.dropdown input::-webkit-input-placeholder{color:#65707a}.dropdown input::placeholder{color:#65707a}.Search .loading{width:100%;height:50vh;display:flex;justify-content:center;align-items:center}.Search .error{display:flex;flex-direction:column;align-items:center;margin-top:100px}.Search .error p{font-size:20px;color:var(--text-color-2);font-weight:500;margin-right:20px}.Search .error img{height:200px}.Search .anime-results{padding-bottom:80px}.Search .anime-results .load-more{margin:40px auto;text-align:center;color:var(--text-color-1);cursor:pointer;display:flex;justify-content:center;align-items:center}.Search .anime-results .load-more p{width:-webkit-max-content;width:max-content;border:1px solid rgb(87,97,112,48%);padding:5px 10px;border-radius:5px}.Search .anime-results .load-more:hover{opacity:.8}.Search .anime-results .second-loading{display:flex;justify-content:center;align-items:center;margin:40px 0}.Search .anime-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));grid-gap:20px}.Search .no-search{display:flex;flex-direction:column;align-items:center;margin-top:100px}.Search .no-search p{font-size:20px;color:var(--text-color-2);font-weight:500;margin-top:20px}.Search .no-search img{height:200px}@media screen and (max-width:900px){.Search{padding:0 5%}.Search .search-bar{margin:5vh 10%;display:flex;justify-content:space-between}.Search .error,.Search .no-search{margin-top:60px}}@media screen and (max-width:500px){.Search{padding:0 6%}.Search .search-bar{margin:2vh 0;grid-gap:0;gap:0}.Search .search-bar input{width:95%}.Search .no-search p{font-size:16px}.Search .anime-list{grid-template-columns:repeat(auto-fill,minmax(90vw,auto))}}.AnimeCard{height:350px;transition:1s}.AnimeCard:hover{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.AnimeCard .front-card{border:2px solid rgb(87,97,112,48%);display:flex;flex-direction:column;height:100%;border-radius:10px;padding:10px;position:relative}.AnimeCard .front-card img{height:80%;object-fit:cover;border-radius:10px}.AnimeCard .front-card p{z-index:2;margin-top:20px;color:var(--text-color-2);font-family:500}.AnimeCard .back-card{display:none;height:350px;width:100%;flex-direction:column;justify-content:space-between;border:2px solid rgb(87,97,112,48%);padding:10px;border-radius:10px}.AnimeCard .back-card-data{display:flex;flex-direction:column;height:100%;position:relative;color:var(--text-color-2)}.AnimeCard .back-card-data .title{font-size:24px;font-weight:500}.AnimeCard .back-card-data .trailer-link{display:flex;align-items:center}.AnimeCard .back-card-data .trailer-link a{color:var(--text-color-1);font-weight:500;margin-right:5px}.AnimeCard .back-card-data .trailer-link .link-icon{color:var(--text-color-1)}.AnimeCard .back-card-data .genres{display:flex;flex-wrap:wrap;grid-gap:5px;gap:5px;margin:6px 0}.AnimeCard .back-card-data .genre{padding:4px 8px;font-size:10px;border-radius:25px;color:#000;font-weight:600}.AnimeCard .back-card-data .rating{border:1px solid rgb(87,97,112,48%);background:gold;padding:4px 8px;border-radius:25px;font-size:14px;display:flex;justify-content:flex-start;align-items:center;width:-webkit-max-content;width:max-content;margin:10px 0;color:#000;font-weight:600}.AnimeCard .back-card-data .rating p{margin-right:4px}.AnimeCard .back-card-data .year{background:rgb(87,97,112,48%);padding:4px 8px;border-radius:25px;font-size:14px;display:flex;justify-content:flex-start;align-items:center;width:-webkit-max-content;width:max-content;margin:10px 0;color:#fff;font-weight:600}.AnimeCard .back-card-data .year p{margin-right:4px}.AnimeCard .back-card-data .Button{width:100%;justify-self:flex-end}.AnimeCard:hover .front-card{display:none}.AnimeCard:hover .back-card{display:flex;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.Navbar{border-bottom:2px solid #1a1f25;display:flex;justify-content:space-between;align-items:center;padding:0 10%;height:10vh}.Navbar h2{color:var(--text-color-2)}.Navbar h2 span{color:var(--text-color-1)}.Navbar .right{display:flex;align-items:center;grid-gap:40px;gap:40px}.Navbar .right p{color:var(--text-color-2)}.Navbar .right .btn{margin-top:0}@media screen and (max-width:560px){.Navbar .right p{display:none}}
/*# sourceMappingURL=main.34539103.chunk.css.map */