@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none;text-transform:capitalize;transition:all .3s}:root{--green:#146d12;--nav-color:#bebebeb4;--list-color:#c4c4c4;--trend-header:#d7d7d7;--blue:#2eaba4;--food-color:#b8e7e4}.background{background-color:#b8e7e4;background-color:var(--food-color)}section.login{background:url(/static/media/loginbg.bb8aaaae6e4a68f709ba.jpg);color:#fff;height:100vh;text-align:center;width:100%}section.login div.welcometext{align-items:center;display:flex;flex-direction:column;height:20%;justify-content:flex-end;width:100%}section.login div.welcometext p{font-weight:500}section.login form{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin-bottom:2rem;text-transform:capitalize;width:100%}section.login form div.input{height:80%;width:100%}section.login form div.input div{align-items:flex-start;display:flex;flex-direction:column;height:100px;justify-content:space-around;padding:0 1rem;width:100%}section.login form div.input div .emailfield{text-transform:lowercase}section.login form div.input div span{color:red}section.login form div.input div input{background-color:initial;border:none;border-bottom:2px solid #fff;color:#fff;font-size:1.2rem;height:50px;outline:none;width:100%}section.login form div.input div .same{background-color:#000;color:#7e1515;font-size:1.1rem;font-weight:600;text-align:center;width:100%}section.login form .button{align-items:center;display:flex;flex-direction:column;justify-content:space-around;max-height:auto;min-height:20%;width:100%}section.login form .button .btn{align-items:center;background-color:#fff;border:none;border-radius:10px;color:rgba(0,0,0,.836);display:flex;font-size:1.2rem;font-weight:600;height:55px;justify-content:center;text-transform:uppercase;width:80%}section.login form .button .btn:first-child{margin-bottom:1rem}section.login form .button p{font-size:.9rem}section.login form .button p .pa{color:#ffd600;text-transform:uppercase}section.spinner{height:100vh;left:0;position:absolute;top:0;width:100%}section.spinner,section.spinner div{align-items:center;background-color:#0000008c;display:flex;justify-content:center}section.spinner div{border-radius:10px;height:100px;width:100px}section.spinner div .spin{-webkit-animation:spinner 1s ease-in-out infinite;animation:spinner 1s ease-in-out infinite;color:#fff;font-size:3rem}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}nav{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -4px 4px rgba(0,0,0,.116);display:flex;height:75px;justify-content:center;position:fixed;width:100%}nav ul{width:100%}nav ul,nav ul li{align-items:center;display:flex;height:100%;justify-content:center;position:relative}nav ul li{width:25%}nav ul li a{align-items:center;border-radius:50%;color:#000;display:flex;font-size:1.6rem;height:60px;justify-content:center;width:60px}nav ul li a.active{background-color:#d7d7d7;color:var(--green)}section.trends .header{align-items:center;background-color:var(--trend-header);box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;height:51px;justify-content:space-between;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}section.trends .header div h1{color:#fff;font-size:22px}section.trends .header div p{color:var(--green);font-size:15px;text-decoration:underline}section.trends .trend--item{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding-top:20px}section.trends .trend--item article{border-radius:15px;box-shadow:0 4px 4px rgba(0,0,0,.25);height:274px;position:relative;width:90%}section.trends .trend--item article:last-child{margin-bottom:80px}section.trends .trend--item article .rent-sell{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);color:var(--green);display:flex;height:20px;justify-content:center;left:7px;padding:0;position:absolute;top:11px;width:80px}section.trends .trend--item article img{height:204px;width:100%}section.trends .trend--item article .n-p{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0 1.5rem}section.trends .trend--item article p{color:var(--green);display:block;font-size:12px;padding-left:1.5rem}section.trends .trend--item article .n-p .price{color:var(--green);text-transform:lowercase}header{height:140px;justify-content:center}header,header section.input{align-items:center;display:flex}header section.input{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.25),0 -4px 30px rgba(0,0,0,.25);height:40px;justify-content:space-around;width:90%}header section.input span{align-items:center;color:#a0a0a0;display:flex;font-size:1.2rem;height:100%;justify-content:center;width:10%}header section.input input{border:none;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#000;height:100%;width:85%}header section.input input::-webkit-input-placeholder{color:#a0a0a0;font-size:1rem}header section.input input::placeholder{color:#a0a0a0;font-size:1rem}header section.input input:focus span{color:red}section.user--picuture{height:200px;overflow:hidden;position:relative;width:100%}section.user--picuture:after{background:linear-gradient(304.73deg,#5c5c5c9d 39.76%,hsla(0,0%,53%,.13) 83.49%);height:300px;right:-120px;width:300px}section.user--picuture:after,section.user--picuture:before{border-radius:50%;content:"";position:absolute;top:-60%;z-index:1;z-index:0}section.user--picuture:before{background:linear-gradient(272.29deg,rgba(254,213,67,.18) 1.21%,rgba(255,209,46,.6) 24.19%);height:200px;opacity:.3;right:100px;width:200px}section.user--picuture .user-container{background-color:initial;border:6px solid #999;border-radius:50%;height:80px;position:absolute;right:10px;top:20px;width:80px;z-index:2}section.user--picuture .user-container img{border-radius:50%;height:100%;object-fit:cover;width:100%}section.user--picuture .text{bottom:0;padding-left:1rem;position:absolute}section.user--picuture .text h1{font-size:28px}section.user--picuture .text p{color:#999;font-size:18px}section.list{align-items:center;background-color:#fff;box-shadow:0 6px 11px rgba(0,0,0,.137);display:flex;gap:20px;height:40px;justify-content:flex-start;margin:0 auto;overflow-x:scroll;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%}section.list .list-item{align-items:center;background-color:var(--list-color);border-radius:7px;color:#fff;display:flex;height:90%;justify-content:center;min-width:100px}::-webkit-scrollbar{height:0}section.list.list-item p{color:#000;font-size:1rem;font-weight:600}section.grid-container-animals{grid-gap:2%;display:grid;grid-auto-rows:minmax(223px,auto);grid-template-columns:repeat(2,48%);margin-bottom:100px;padding:1rem}section.grid-container-animals .grid--item{border-radius:20px;height:100%;padding-bottom:1rem;text-align:center;width:100%}section.grid-container-animals .grid--item.item-2,section.grid-container-animals .grid--item.item-3,section.grid-container-animals .grid--item.item-6{grid-row:span 2}section.grid-container-animals .grid--item .img--container{border-radius:20px;height:70%;width:100%}section.grid-container-animals .grid--item .img--container img{border-radius:20px;height:100%;object-fit:cover;object-position:left;width:100%}section.grid-container-animals .grid--item .info{height:30%;width:100%}section.grid-container-animals .grid--item .info .flex{align-items:center;display:flex;justify-content:space-between;padding:0 .5rem}section.grid-container-animals .grid--item .info .flex h1{color:#000}section.grid-container-animals .grid--item .info .flex p{color:#999;font-size:11px}section.grid-container-animals .grid--item .info .flex .dot{background-color:#fff;box-shadow:4px 0 10px rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.15);font-size:11px;text-transform:lowercase}section.grid-container-animals .grid--item .info .btn{background-color:var(--blue);border:none;border-radius:5px;color:#fff;height:20px;width:80%}section.logout{background-color:#fff;border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.25),0 -4px 30px rgba(0,0,0,.25);padding:1rem;position:absolute;right:15px;top:25px;width:60%;z-index:100}section.logout div{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 10px;width:100%}section.logout div button{align-items:center;background-color:initial;border:none;color:#000;display:flex;font-size:1.3rem;justify-content:center}section.logout div .logout{font-size:1.3rem}section.detail-link{flex-direction:column;padding:1rem;width:100%}section.detail-link,section.detail-link .back{align-items:center;display:flex;justify-content:center}section.detail-link .back{align-self:flex-start;background-color:var(--green);border-radius:5px;color:#fff;font-size:1.2rem;height:50px;margin-bottom:1rem;width:100px}section.detail-link .img--container{height:300px;width:300px}section.detail-link .img--container img{height:100%;width:100%}section.detail-link p{font-size:1.1rem;font-weight:600}section.detail-link .btn{align-items:center;background-color:var(--green);border-radius:5px;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:280px}
/*# sourceMappingURL=main.d7e359b7.css.map*/