.header{background-color:#090b13;border-bottom:2px solid #000;height:var(--navbarHeight);position:-webkit-sticky;position:sticky;top:0;z-index:1}.header,.navbar{align-items:center;display:flex}.navbar{justify-content:space-between;margin-left:2rem;max-width:var(--fullWidth);width:100%}.nav-header{background:#fff;border-radius:50px;box-shadow:inset 0 0 20px 0 darkred;left:5rem;padding:8px 5px 0;width:150px}.logo{cursor:pointer;width:100%}.nav-menu{align-items:center;display:flex;flex-basis:90%;justify-content:space-between;list-style:none;padding:.4rem .2rem 0 0;text-align:center}.nav-links{flex:1 1;overflow:hidden;transition:all .25s ease-in}.nav-links>a{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;letter-spacing:.5px;text-decoration:none}.nav-links span:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#logout:hover img{visibility:hidden}#logout:hover:after{content:"Logout";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nav-toggle{display:none}.nav-links .wrap{border-radius:50%;height:40px;overflow:hidden;width:40px}.wrap img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:768px){.nav-header{background:#fff;border-radius:50px;box-shadow:inset 0 0 20px 0 darkred;padding-top:.2rem}.nav-menu{display:flex;flex-direction:column;height:calc(100vh - var(--navbarHeight));left:-100%;opacity:0;position:absolute;top:var(--navbarHeight);transition:all .5s ease;width:100%}.nav-menu.active{background:#242424;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links>a:hover{border-radius:0;color:#f5d1d1;font-size:large}.nav-toggle{cursor:pointer;display:flex;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}}.footer-container{align-items:center;background-color:#242424;display:flex;flex-direction:column;height:15vh;justify-content:center}.footer-links{border-top:1px solid #fff;display:flex;justify-content:space-around;padding:1rem;width:100%}.footer-nav-items{display:flex;justify-content:space-between;width:80%}.footer-nav-items>a{color:#fff;text-decoration:none}.footer-logo{width:150px}.social-icon-link{color:#fff;font-size:1.5rem}.social-media{max-width:1000px;width:100%}.social-media-wrapper{margin:1rem auto 0;max-width:1000px;width:90%}.social-icons,.social-media-wrapper{align-items:center;display:flex;justify-content:space-between}.social-icons{width:15rem}.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width:720px){.footer-container{height:30vh;padding:1rem 0}.footer-subscription{padding-top:10rem}.footer-links{padding-top:2rem}.btn,.footer-input{width:100%}.social-media-wrapper{flex-direction:column}}:root{--smallWidth:320px;--lightShadow:hsla(0,4%,63%,.8) 0px 0.15rem 0.5rem;--mainBorderRadius:0.25rem;--backgroundColor:#353535;--navbarHeight:70px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#040714;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.search{margin-top:1rem;padding:5rem 0 0}.search-form{background:#353535;background:var(--backgroundColor);border-radius:.25rem;border-radius:var(--mainBorderRadius);box-shadow:0 .15rem .5rem hsla(0,4%,63%,.8);box-shadow:var(--lightShadow);margin:0 auto;padding:2.5rem;text-transform:capitalize;width:clamp(320px,50vw,600px);width:clamp(var(--smallWidth),50vw,600px)}.search-form label{color:#fff;display:block;font-weight:700;letter-spacing:.25rem;margin-bottom:1.25rem}.search-form input{border:transparent;font-size:1.2rem;padding:.5rem;width:100%}.animal-card{align-items:center;-webkit-animation:cardEntrance 1s ease-in;animation:cardEntrance 1s ease-in;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;background:#353535;background:var(--backgroundColor);border-radius:.25rem;border-radius:var(--mainBorderRadius);box-shadow:0 .15rem .5rem hsla(0,4%,63%,.8);box-shadow:var(--lightShadow);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;height:100%;justify-content:flex-start;overflow:hidden;position:relative;transition:all .5s;width:100%}.animal-card:hover{box-shadow:0 .35em 1.75em rgba(2,8,20,.1),0 .175em .5em rgba(2,8,20,.08);-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes cardEntrance{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes cardEntrance{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animal-card-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.animal-card:hover .animal-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.animal-card-back,.animal-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;transition:1s linear;width:100%}.animal-card-back{align-items:center;color:#fff;display:flex;justify-content:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.animal-card-back p{font-size:2rem;text-transform:capitalize}.animal-card-front img{height:100%;object-fit:cover;width:100%}.animal-img{max-width:300px;min-height:240px;object-fit:cover}.animal-img-mini{min-height:150px;object-fit:cover;width:100%}@media screen and (max-width:760px){.card-grid{padding:1rem 0}.search{padding:2rem 0}.search-form{padding:1rem .5rem}}
/*# sourceMappingURL=main.fdae7130.css.map*/