*{padding:0;margin:0;box-sizing:border-box}html,body{height:100%}body{background-color:#4e4b5c;color:#c2d3cd;display:flex;flex-direction:column;font-family:Quicksand,sans-serif}.wrapper{display:flex;flex-direction:column;min-height:100vh}a{color:#c2d3cd;text-decoration:none}a.active{color:#c2d3cd;font-weight:700}#HomePage{position:relative;width:100%;height:100%;display:flex;flex-direction:column}#HomePage .row div img{width:100%;height:100%;object-fit:cover}#HomePage .row{display:flex;width:100%;height:50vh}#HomePage .row div{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#HomePage a{font-size:5rem;font-weight:600;transition:.3s ease-out;color:#fff;text-shadow:#000 0px 0px 5px;-webkit-font-smoothing:antialiased}#HomePage a:hover{color:#c194ef}#HomePage a{position:absolute}#AnimalPage{padding-top:2rem;width:100%;display:flex;flex-direction:column;align-items:center}#AnimalPage h2{margin-bottom:1rem}#AnimalPage .imgcontainer{width:500px;height:400px;margin-bottom:.3rem}#AnimalPage img{width:100%;height:400px;object-fit:cover}#AboutPage{width:50%;margin:4rem auto}#AboutPage p{margin-top:1rem}#AboutPage a{text-decoration:underline}header{display:flex;align-items:center;justify-content:space-between;background-color:#847e89;padding:30px 20px}nav ul{display:flex;list-style:none}nav ul li{margin:0 1rem}.searcharea{width:100%;display:flex;justify-content:center;align-items:center}#searchbar,.searcharea button,.back-btn{border-radius:8px;padding:6px;border:1px solid #c2d3cd;margin:4rem .5rem 1rem;background-color:#e4e0f2}main{flex:1;margin-top:26px;display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(240px,260px));padding:20px;column-gap:20px;row-gap:30px}.card{display:flex;flex-direction:column;align-items:center;background-color:#847e89;color:#c2d3cd;height:360px;width:240px;border-radius:8px;padding-bottom:10px}.imgcontainer{width:240px;height:200px;margin-bottom:.3rem}.card img{width:100%;height:240px;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.card h2{margin:10px 0;text-transform:capitalize}footer{margin-top:auto;width:100%;text-align:center;padding:60px 0 20px}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}.likesRed{color:#b33131;background:-webkit-linear-gradient(#f02476,#661861);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.likesDisplay{width:80%;display:flex;justify-content:space-between}.likesMiddle{width:25%;display:flex;align-items:center;justify-content:space-around;font-weight:600;font-size:larger}.removeButton,.likeButtons{padding:5px 6px;border-radius:50%;border:none;background-color:#c2d3cd;color:#4e4b5c;cursor:pointer}.removeButton{display:flex;justify-content:center;align-items:center;position:relative;top:-195px;left:90px;z-index:1}.wiki{width:500px;margin-top:2rem;margin-bottom:2rem;line-height:150%}