*{margin:0;padding:0;box-sizing:border-box}html{font-family:"Poller One",cursive;font-size:10px;background-image:url(/App-fetch-CRA/static/media/tlo.23e2b6cf.png);--color:#ffe919}.App{color:var(--color);overflow:hidden;position:relative;height:100vh}.ship1{position:absolute;top:65vh;width:700px;z-index:-1;-webkit-animation:flightOfTheFirstShip 60s linear infinite both;animation:flightOfTheFirstShip 60s linear infinite both}.ship2{top:55vh;-webkit-animation:flightOfTheSecondShip 60s linear infinite both;animation:flightOfTheSecondShip 60s linear infinite both}.ship2,.ship3{position:absolute;width:40px;z-index:-1}.ship3{-webkit-animation:flightOfTheThirdShip 60s linear infinite both;animation:flightOfTheThirdShip 60s linear infinite both}.star1{top:40vh;left:84vw;-webkit-animation:firstStarFlash 60s linear infinite both;animation:firstStarFlash 60s linear infinite both}.star1,.star2{position:absolute;width:50px;z-index:-1;transform:translate(-50%,-50%)}.star2{top:24vh;left:12vw;-webkit-animation:secondStarFlash 60s linear infinite both;animation:secondStarFlash 60s linear infinite both}.star3{top:80vh;left:14vw;-webkit-animation:thirdStarFlash 60s linear infinite both;animation:thirdStarFlash 60s linear infinite both}.star3,.star4{position:absolute;width:50px;z-index:-1;transform:translate(-50%,-50%)}.star4{top:60vh;left:50vw;-webkit-animation:fourthStarFlash 60s linear infinite both;animation:fourthStarFlash 60s linear infinite both}.star5{top:10vh;left:90vw;width:30px}.star5,.star6{position:absolute;z-index:-1;transform:translate(-50%,-50%)}.star6{top:57vh;left:13vw;width:20px}.star7{position:absolute;top:80vh;left:86vw;width:40px;z-index:-1;transform:translate(-50%,-50%)}@-webkit-keyframes flightOfTheFirstShip{0%{left:0;transform:translate(-100%,-50%)}50%{left:100vw;transform:translateY(-50%)}to{left:100vw;transform:translateY(-50%)}}@keyframes flightOfTheFirstShip{0%{left:0;transform:translate(-100%,-50%)}50%{left:100vw;transform:translateY(-50%)}to{left:100vw;transform:translateY(-50%)}}@-webkit-keyframes flightOfTheSecondShip{0%{left:0;transform:translate(-100%,-50%) rotateY(180deg)}58%{left:0;transform:translate(-100%,-50%) rotateY(180deg)}68%{left:100vw;transform:translateY(-50%) rotateY(180deg)}to{left:100vw;transform:rotateY(180deg) translateY(-50%)}}@keyframes flightOfTheSecondShip{0%{left:0;transform:translate(-100%,-50%) rotateY(180deg)}58%{left:0;transform:translate(-100%,-50%) rotateY(180deg)}68%{left:100vw;transform:translateY(-50%) rotateY(180deg)}to{left:100vw;transform:rotateY(180deg) translateY(-50%)}}@-webkit-keyframes flightOfTheThirdShip{0%{left:0;top:24vh;transform:translate(-100%,-50%)}78%{left:0;top:24vh;transform:translate(-100%,-50%)}86%{top:50vh;left:100vw;transform:translateY(-50%)}to{left:100vw;transform:translateY(-50%)}}@keyframes flightOfTheThirdShip{0%{left:0;top:24vh;transform:translate(-100%,-50%)}78%{left:0;top:24vh;transform:translate(-100%,-50%)}86%{top:50vh;left:100vw;transform:translateY(-50%)}to{left:100vw;transform:translateY(-50%)}}@-webkit-keyframes firstStarFlash{0%{transform:scale(0)}24%{transform:scale(0)}24.5%{transform:scale(1)}25%{transform:scale(0)}to{transform:scale(0)}}@keyframes firstStarFlash{0%{transform:scale(0)}24%{transform:scale(0)}24.5%{transform:scale(1)}25%{transform:scale(0)}to{transform:scale(0)}}@-webkit-keyframes secondStarFlash{0%{transform:scale(0)}54%{transform:scale(0)}54.5%{transform:scale(1.4)}55%{transform:scale(0)}to{transform:scale(0)}}@keyframes secondStarFlash{0%{transform:scale(0)}54%{transform:scale(0)}54.5%{transform:scale(1.4)}55%{transform:scale(0)}to{transform:scale(0)}}@-webkit-keyframes thirdStarFlash{0%{transform:scale(0)}74%{transform:scale(0)}74.5%{transform:scale(1.5)}75%{transform:scale(0)}to{transform:scale(0)}}@keyframes thirdStarFlash{0%{transform:scale(0)}74%{transform:scale(0)}74.5%{transform:scale(1.5)}75%{transform:scale(0)}to{transform:scale(0)}}@-webkit-keyframes fourthStarFlash{0%{transform:scale(0)}92%{transform:scale(0)}92.5%{transform:scale(.8)}93%{transform:scale(0)}to{transform:scale(0)}}@keyframes fourthStarFlash{0%{transform:scale(0)}92%{transform:scale(0)}92.5%{transform:scale(.8)}93%{transform:scale(0)}to{transform:scale(0)}}@-webkit-keyframes flightOfTheThirdShipForLandScaleOrientation{0%{left:0;top:48vh;transform:translate(-100%,-50%)}78%{left:0;top:48vh;transform:translate(-100%,-50%)}86%{top:100vh;left:100vw;transform:translateY(-50%)}to{left:100vw;transform:translateY(-50%)}}@keyframes flightOfTheThirdShipForLandScaleOrientation{0%{left:0;top:48vh;transform:translate(-100%,-50%)}78%{left:0;top:48vh;transform:translate(-100%,-50%)}86%{top:100vh;left:100vw;transform:translateY(-50%)}to{left:100vw;transform:translateY(-50%)}}@media (min-width:360px) and (orientation:portrait){html{font-size:11px}html .charactersListWrapper{width:320px}html .paginationWrapper{width:300px}html .characterName{padding-left:74px}html .detailsWrapper{font-size:1.5rem;width:340px}html .text{line-height:50px;padding-left:30px}}@media (min-width:411px) and (orientation:portrait){html{font-size:12px}html .charactersListWrapper,html .paginationWrapper{width:340px}html .textCharacters{padding-top:7px}html .characterName{padding-left:74px}html button{height:26px;width:26px}html .text{line-height:60px;padding-left:30px}}@media (min-width:768px) and (orientation:portrait){html{font-size:16px}html .imgWrapper img{border:3px solid var(--color)}html .charactersListWrapper,html .paginationWrapper{width:480px}html .characterName{padding-left:116px}html button{height:32px;width:32px;border:3px solid var(--color)}html .detailsWrapper{font-size:1.6rem;width:500px}html .text{line-height:80px;padding-left:30px}html .returnWrapper{bottom:120px;height:60px;width:60px;border:3px solid var(--color)}html #return{line-height:54px;font-size:1.6rem}html .ship1{width:1050px}html .ship2{width:60px;z-index:-1}html .ship3{width:60px}html .star1,html .star2,html .star3,html .star4{width:75px}html .star5{width:45px}html .star6{width:30px}html .star7{width:60px}}@media (min-width:1024px) and (orientation:portrait){html{font-size:22px}html .imgWrapper img{border:4px solid var(--color)}html .charactersListWrapper,html .paginationWrapper{width:600px}html .textCharacters{padding-top:10px}html .characterName{padding-left:134px}html button{height:42px;width:42px;border:4px solid var(--color)}html .detailsWrapper{width:700px}html .text{line-height:120px;padding-left:30px}html .returnWrapper{height:80px;width:80px;border:4px solid var(--color)}html #return{line-height:72px;font-size:1.6rem}html .ship1{width:1400px}html .ship2{width:80px;z-index:-1}html .ship3{width:80px}html .star1,html .star2,html .star3,html .star4{width:100px}html .star5{width:60px}html .star6{width:45px}html .star7{width:80px}}@media (min-width:533px) and (orientation:landscape){html{font-size:11px}html .App{height:auto}html .charactersPageWrapper{height:200vh;padding:4vh}html .imgWrapper,html .imgWrapper img{height:40vh}html .textCharacters{display:block;height:16vh;line-height:16vh}html .charactersListWrapper{width:360px;height:120vh}html .paginationWrapper{height:16vh;width:300px}html .characterBlock{height:12vh;line-height:12vh}html .characterName{padding-left:96px}html #i{padding-right:3px;vertical-align:1px}html .detailsPageWrapper{position:relative;height:100vh}html .text{line-height:35px;width:40%;padding-left:0}html .data{width:60%;padding-left:0}html .detailsWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px}html .returnWrapper{right:40px;bottom:40px;transform:translateX(0)}html .ship1{top:130vh}html .ship2{top:110vh}html .ship3{-webkit-animation:flightOfTheThirdShipForLandScaleOrientation 60s linear infinite both;animation:flightOfTheThirdShipForLandScaleOrientation 60s linear infinite both}html .star1{top:80vh}html .star2{top:48vh}html .star3{top:160vh}html .star4{top:120vh}html .star5{top:20vh}html .star6{top:114vh}html .star7{top:160vh}}@media (min-width:640px) and (orientation:landscape){html{font-size:13px}html .charactersListWrapper{width:440px}html .paginationWrapper{width:340px}html .characterName{padding-left:120px}html #i{padding-right:3px;vertical-align:1px}html button{height:26px;width:26px}html .detailsPageWrapper{position:relative;height:100vh}html .text{width:35%;line-height:40px}html .data{width:65%}html .detailsWrapper{width:480px}html .returnWrapper{right:60px;bottom:50px}}@media (min-width:731px) and (orientation:landscape){html .text{line-height:45px}}@media (min-width:823px) and (orientation:landscape){html .returnWrapper{right:80px;bottom:60px}}@media (min-width:1024px) and (orientation:landscape){html{font-size:13px}html .App{height:100vh}html .charactersPageWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:768px;width:1024px;padding:10px}html .imgWrapper{height:180px}html .imgWrapper img{height:180px;border:4px solid var(--color)}html .textCharacters{height:54px;line-height:54px}html .charactersListWrapper{width:380px;height:460px}html .paginationWrapper{height:54px;width:360px}html .characterBlock{height:46px;line-height:46px}html .characterName{padding-left:90px}html button{height:28px;width:28px;background-color:#000;border:2px solid var(--color)}html button:hover{box-shadow:0 0 21px 3px hsla(0,0%,100%,.47);cursor:pointer}html .characterBlock a:hover{color:#fff}html .returnWrapper:hover{box-shadow:0 0 21px 3px hsla(0,0%,100%,.47);cursor:pointer}html .detailsWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:500px;width:1024px;padding:10px;display:flex;font-size:1.4rem;flex-wrap:wrap;width:600px;align-items:center}html .text{line-height:30px;width:50%;padding-left:150px}html .data{width:50%;padding-left:50px}html .returnWrapper{position:fixed;right:50%;bottom:50%;transform:translate(50%,320px);text-align:center;height:40px;width:40px;background-color:#000;border:2px solid var(--color);border-radius:5px;color:#fff;outline:none;font-weight:700;margin-top:30px}html .ship1{top:65vh;width:1050px;-webkit-animation:flightOfTheFirstShip 90s linear infinite both;animation:flightOfTheFirstShip 90s linear infinite both}html .ship2{top:55vh;width:60px;-webkit-animation:flightOfTheSecondShip 90s linear infinite both;animation:flightOfTheSecondShip 90s linear infinite both}html .ship3{width:60px;-webkit-animation:flightOfTheThirdShip 90s linear infinite both;animation:flightOfTheThirdShip 90s linear infinite both}html .star1{top:40vh;width:75px;-webkit-animation:firstStarFlash 90s linear infinite both;animation:firstStarFlash 90s linear infinite both}html .star2{top:24vh;width:75px;-webkit-animation:secondStarFlash 90s linear infinite both;animation:secondStarFlash 90s linear infinite both}html .star3{top:80vh;width:75px;-webkit-animation:thirdStarFlash 90s linear infinite both;animation:thirdStarFlash 90s linear infinite both}html .star4{top:60vh;width:75px;-webkit-animation:fourthStarFlash 90s linear infinite both;animation:fourthStarFlash 90s linear infinite both}html .star5{top:10vh;width:45px}html .star6{top:57vh;width:30p75}html .star7{top:80vh;width:60p}}.characterBlock{height:6vh;line-height:6vh}.characterName{display:block;text-decoration:none;font-size:1.4rem;color:var(--color);padding-left:72px}#i{padding-right:3px;vertical-align:1px}button{height:22px;width:22px;background-color:#000;border:2px solid var(--color);border-radius:5px;color:#fff;outline:none;font-size:1.2rem;font-weight:700}.selected{color:rgba(248,28,28,.842)}.charactersPageWrapper{height:100vh;padding:2vh}.imgWrapper{height:20vh;text-align:center}.imgWrapper img{height:20vh;border:2px solid var(--color);border-radius:3px}.textCharacters{display:block;height:8vh;text-align:center;line-height:8vh;color:var(--color);text-transform:uppercase;font-size:1.8rem;padding-top:5px}.charactersListWrapper{width:300px;height:60vh;margin:0 auto}.paginationWrapper{display:flex;height:8vh;width:280px;margin:0 auto;justify-content:space-around;align-items:center}.detailsPageWrapper{position:relative;height:100vh}.detailsWrapper{position:absolute;top:0;left:50%;top:50%;transform:translate(-50%,-60%);display:flex;font-size:1.4rem;flex-wrap:wrap;width:300px;align-items:center}.text{line-height:40px;width:50%;padding-left:40px}.data{width:50%;padding-left:10px}.returnWrapper{position:fixed;right:50%;bottom:60px;transform:translateX(50%);width:100%;text-align:center;height:40px;width:40px;background-color:#000;border:2px solid var(--color);border-radius:5px;color:#fff;outline:none;font-weight:700}#return{margin:0;line-height:36px;font-size:1.4rem}.errorMassage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}
/*# sourceMappingURL=main.a08d3ce9.chunk.css.map */