*{background-color:#000;box-sizing:border-box;color:#f5f5f5;font-family:Courier New,Courier,monospace;list-style:none;margin:0;padding:0;text-decoration:none}.hidden{display:none}.stars{-webkit-animation:zoom 16s infinite alternate;animation:zoom 16s infinite alternate;background-color:#fff;border-radius:50%;box-shadow:-42vw -4vh 0 0 #fff,25vw -41vh 0 0 #fff,-20vw 49vh 0 1px #fff,5vw 40vh 1px 1px #fff,29vw 19vh 1px 0 #fff,-44vw -13vh 0 0 #fff,46vw 41vh 0 1px #fff,-3vw -45vh 0 1px #fff,47vw 35vh 1px 0 #fff,12vw -8vh 1px 0 #fff,-34vw 48vh 1px 1px #fff,32vw 26vh 1px 1px #fff,32vw -41vh 1px 1px #fff,0 37vh 1px 1px #fff,34vw -26vh 1px 0 #fff,-14vw -49vh 1px 0 #fff,-12vw 45vh 0 1px #fff,-44vw -33vh 0 1px #fff,-13vw 41vh 0 0 #fff,-36vw -11vh 0 1px #fff,-23vw -24vh 1px 0 #fff,-38vw -27vh 0 1px #fff,16vw -19vh 0 0 #fff,28vw 33vh 1px 0 #fff,-49vw -4vh 0 0 #fff,16vw 32vh 0 1px #fff,36vw -18vh 1px 0 #fff,-25vw -30vh 1px 0 #fff,-23vw 24vh 0 1px #fff,-2vw -35vh 1px 1px #fff,-25vw 9vh 0 0 #fff,-15vw -34vh 0 0 #fff,-8vw -19vh 1px 0 #fff,-20vw -20vh 1px 1px #fff,42vw 50vh 0 1px #fff,-32vw 10vh 1px 0 #fff,-23vw -17vh 0 0 #fff,44vw 15vh 1px 0 #fff,-40vw 33vh 1px 1px #fff,-43vw 8vh 0 0 #fff,-48vw -15vh 1px 1px #fff,-24vw 17vh 0 0 #fff,-31vw 50vh 1px 0 #fff,36vw -38vh 0 1px #fff,-7vw 48vh 0 0 #fff,15vw -32vh 0 0 #fff,29vw -41vh 0 0 #fff,2vw 37vh 1px 0 #fff,7vw -40vh 1px 1px #fff,15vw 18vh 0 0 #fff,25vw -13vh 1px 1px #fff,-46vw -12vh 1px 1px #fff,-18vw 22vh 0 0 #fff,23vw -9vh 1px 0 #fff,50vw 12vh 0 1px #fff,45vw 2vh 0 0 #fff,14vw -48vh 1px 0 #fff,23vw 43vh 0 1px #fff,-40vw 16vh 1px 1px #fff,20vw -31vh 0 1px #fff,-17vw 44vh 1px 1px #fff,18vw -45vh 0 0 #fff,33vw -6vh 0 0 #fff,0 7vh 0 1px #fff,-10vw -18vh 0 1px #fff,-19vw 5vh 1px 0 #fff,1vw 42vh 0 0 #fff,22vw 48vh 0 1px #fff,39vw -8vh 1px 1px #fff,-6vw -42vh 1px 0 #fff,-47vw 34vh 0 0 #fff,-46vw 19vh 0 1px #fff,-12vw -32vh 0 0 #fff,-45vw -38vh 0 1px #fff,-28vw 18vh 1px 0 #fff,-38vw -46vh 1px 1px #fff,49vw -6vh 1px 1px #fff,-28vw 18vh 1px 1px #fff,10vw -24vh 0 1px #fff,-5vw -11vh 1px 1px #fff,33vw -8vh 1px 0 #fff,-16vw 17vh 0 0 #fff,18vw 27vh 0 1px #fff,-8vw -10vh 1px 1px #fff;box-shadow:24vw 9vh 1px 0 #fff,12vw -24vh 0 1px #fff,-45vw -22vh 0 0 #fff,-37vw -40vh 0 1px #fff,29vw 19vh 0 1px #fff,4vw -8vh 0 1px #fff,-5vw 21vh 1px 1px #fff,-27vw 26vh 1px 1px #fff,-47vw -3vh 1px 1px #fff,-28vw -30vh 0 1px #fff,-43vw -27vh 0 1px #fff,4vw 22vh 1px 1px #fff,36vw 23vh 0 0 #fff,-21vw 24vh 1px 1px #fff,-16vw 2vh 1px 0 #fff,-16vw -6vh 0 0 #fff,5vw 26vh 0 0 #fff,-34vw 41vh 0 0 #fff,1vw 42vh 1px 1px #fff,11vw -13vh 1px 1px #fff,48vw -8vh 1px 0 #fff,22vw -15vh 0 0 #fff,45vw 49vh 0 0 #fff,43vw -27vh 1px 1px #fff,20vw -2vh 0 0 #fff,8vw 22vh 0 1px #fff,39vw 48vh 1px 1px #fff,-21vw -11vh 0 1px #fff,-40vw 45vh 0 1px #fff,11vw -30vh 1px 0 #fff,26vw 30vh 1px 0 #fff,45vw -29vh 0 1px #fff,-2vw 18vh 0 0 #fff,-29vw -45vh 1px 0 #fff,-7vw -27vh 1px 1px #fff,42vw 24vh 0 0 #fff,45vw -48vh 1px 0 #fff,-36vw -18vh 0 0 #fff,-44vw 13vh 0 1px #fff,36vw 16vh 0 1px #fff,40vw 24vh 0 0 #fff,18vw 11vh 0 0 #fff,-15vw -23vh 1px 0 #fff,-24vw 48vh 0 1px #fff,27vw -45vh 1px 0 #fff,-2vw -24vh 0 1px #fff,-15vw -28vh 0 0 #fff,-43vw 13vh 1px 0 #fff,7vw 27vh 1px 0 #fff,47vw 5vh 0 0 #fff,-45vw 15vh 1px 1px #fff,-5vw -28vh 0 1px #fff,38vw 25vh 1px 1px #fff,-39vw -1vh 1px 0 #fff,5vw 0 1px 0 #fff,49vw 13vh 0 0 #fff,48vw 10vh 0 1px #fff,19vw -28vh 0 0 #fff,4vw 7vh 0 0 #fff,21vw 21vh 1px 1px #fff,-15vw -15vh 0 1px #fff,-6vw -42vh 1px 0 #fff,-15vw 48vh 1px 1px #fff,-23vw 25vh 1px 1px #fff,-48vw 25vh 0 1px #fff,-31vw -19vh 0 1px #fff,4vw 37vh 1px 1px #fff,-43vw 28vh 0 0 #fff,3vw -25vh 0 1px #fff,-39vw 14vh 0 1px #fff,-40vw 31vh 0 1px #fff,35vw -36vh 1px 1px #fff,16vw 49vh 0 0 #fff,6vw 39vh 0 0 #fff,3vw -35vh 0 1px #fff,-44vw -2vh 1px 0 #fff,-6vw 21vh 1px 0 #fff,48vw 9vh 1px 1px #fff,-43vw 30vh 1px 1px #fff,29vw -12vh 1px 1px #fff,-48vw 13vh 1px 0 #fff,-42vw 32vh 1px 1px #fff,34vw 15vh 1px 1px #fff,29vw -37vh 1px 1px #fff,28vw 2vh 0 0 #fff;height:1px;left:50%;position:fixed;top:50%;width:1px}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}.form{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.reset-btn{all:unset;background-color:#3c902e;border-radius:5px;color:#000;cursor:pointer;height:20px;padding:5px;text-transform:capitalize}.reset-btn:hover{background-color:#f5f5f2}@media (max-width:768px){.reset-btn{font-size:14px}}.search-field{all:unset;align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}@media (max-width:768px){.search-field{text-align:center;width:280px}}.search-input{all:unset;border:2px solid #5fa353;border-radius:5px;box-shadow:1px 0 5px 1px #3c902e;height:25px;width:350px}@media (max-width:768px){.search-input{width:280px}}.species{all:unset;display:flex;gap:20px;margin:20px 0 10px}.check_label{color:#3c902e;font-size:20px;font-weight:700}@media (max-width:768px){.check_label{font-size:15px}}.check_input{accent-color:#000;cursor:pointer;width:15px}.status{all:unset;align-items:center;display:flex;gap:20px;justify-content:center;margin:10px 0 30px;position:relative}.status-label{font-size:18px}.status-select{border:2px solid #5fa353;border-radius:5px;box-shadow:1px 0 5px 1px #3c902e;font-size:16px;height:30px;width:200px}.card-container{align-items:center;background-image:url(../../static/media/comic_pattern.ec1cc53edbdafd9782ee.jpg);background-size:cover;border:1px solid #000;box-shadow:1px 1px 4px 0 #afa9a9;display:flex;height:300px;justify-content:center;opacity:.9;width:200px}.card-container:hover{box-shadow:4px 4px 4px 2px #3c902e;opacity:1}@media (max-width:768px){.card-container{height:270px;width:180px}}.card{align-items:flex-start;background-color:#f5f5f2;border:1px solid #000;cursor:pointer;display:flex;flex-direction:column;height:270px;justify-content:flex-start;width:170px}@media (max-width:768px){.card{height:250px;width:150px}}.card__img{height:180px;object-fit:cover;width:168px}@media (max-width:768px){.card__img{height:170px;width:150px}}.card__title{background:#ddd;border:1px solid #222;box-shadow:3px 3px 0 #222;color:#000;float:right;padding-left:10px;padding-top:10px;-webkit-transform:rotate(2deg) translate(3px,-20px);transform:rotate(2deg) translate(3px,-20px)}@media (max-width:768px){.card__title{font-size:14px}}.card__description{background-color:#f5f5f2;color:#000;padding-left:10px}@media (max-width:768px){.card__description{font-size:14px}}.error{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}@media (max-width:768px){.error{width:100%}}.error-img{width:300px}@media (max-width:768px){.error-img{width:180px}}.error-text{font-size:18px;width:500px}@media (max-width:768px){.error-text{font-size:14px;width:200px}}.error-text-span{font-size:22px;font-weight:700;margin-top:10px;width:500px}@media (max-width:768px){.error-text-span{font-size:16px;width:200px}}.cards{grid-gap:30px 30px;display:grid;gap:30px 30px;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,180px);grid-template-rows:1fr 1fr 1fr 1fr 1fr;justify-content:center;padding:50px}@media (max-width:768px){.cards{gap:25px 25px;grid-template-columns:repeat(auto-fit,160px);grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;padding:20px}}@media (min-width:1024px){.cards{padding:50 150px}}.detail-container{align-items:center;background-image:url(../../static/media/comic_pattern.ec1cc53edbdafd9782ee.jpg);background-size:cover;border:1px solid #000;box-shadow:3px 2px 10px 6px #6c5;display:flex;height:400px;justify-content:center;margin-left:auto;margin-right:auto;width:700px}@media (max-width:768px){.detail-container{flex-direction:column;gap:10px;height:430px;justify-content:center;width:300px}}.detail{align-items:center;background-color:#f5f5f5;border:2px solid #000;display:flex;gap:40px;height:350px;justify-content:center;margin-left:auto;margin-right:auto;position:relative;width:650px}@media (max-width:768px){.detail{flex-direction:column;gap:10px;height:400px;justify-content:center;width:270px}}.detail__img{border:3px solid #000;object-fit:cover;-webkit-transform:rotate(-2deg) translate(20px,-5px);transform:rotate(-2deg) translate(20px,-5px)}@media (max-width:768px){.detail__img{-webkit-transform:rotate(0deg) translateY(10px);transform:rotate(0deg) translateY(10px);width:180px}}.detail__title{background:#ddd;border:1px solid #222;box-shadow:3px 3px 0 #222;color:#000;float:right;font-size:23px;margin-bottom:10px;padding-left:10px;padding-top:10px;text-align:center;text-transform:uppercase;-webkit-transform:rotate(2deg) translate(3px,-5px);transform:rotate(2deg) translate(3px,-5px);width:280px}@media (max-width:768px){.detail__title{font-size:18px;width:200px}}.detail__text{background-color:#f5f5f5;color:#000;display:flex;flex-direction:column;font-size:18px;gap:5px;justify-content:center;width:300px}@media (max-width:768px){.detail__text{align-items:center;font-size:16px;gap:0;-webkit-transform:translateY(-25px);transform:translateY(-25px);width:150px}}.detail__description{background-color:#f5f5f5;color:#000;margin-top:10px;width:300px}@media (max-width:768px){.detail__description{width:150px}}.detail__description-span{background-color:#f5f5f5;color:#000;font-weight:700;text-transform:capitalize}@media (max-width:768px){.detail__description-span{width:150px}}.species-icon{background-color:#f5f5f5;-webkit-transform:translate(5px,5px);transform:translate(5px,5px);width:25px}.back{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:20px}@media (max-width:768px){.back{margin-left:auto;margin-right:auto;margin-top:10px;text-align:center;width:200px}}.back__btn{all:unset;cursor:pointer;display:flex;font-size:20px;font-weight:700;padding:10px}@media (max-width:768px){.back__btn{font-size:16px}}.back__btn-text:hover{color:#3c902e}.back__img{height:160px;object-fit:cover;width:200px}@media (max-width:768px){.back__img{height:120px;width:160px}}.header{align-items:center;background-color:#000;background-size:450px;display:flex;height:200px;justify-content:center;margin-left:auto;margin-right:auto;width:100%}.header__img{object-fit:cover;width:500px}@media (max-width:768px){.header__img{width:280px}.header{height:120px}}.loader{display:inline-block;height:80px;left:100px;position:absolute;top:100px;width:80px}.loader div{-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:5px solid transparent;border-radius:50%;border-top-color:#3c902e;box-sizing:border-box;display:block;height:32px;position:absolute;width:32px}.loader div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.loader div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.loader 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)}}.footer{align-items:center;background-color:none;bottom:0;display:flex;gap:10px;justify-content:center;left:0;margin-left:auto;margin-right:auto;position:fixed;width:100%}.footer-img{margin:10px;width:28px}.footer-text{align-items:center;display:flex;font-size:14px;gap:5px;justify-content:center}
/*# sourceMappingURL=main.842c39ba.css.map*/