@import url(https://fonts.googleapis.com/css2?family=Special+Elite&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{background-image:linear-gradient(#032202,#093009,#0d3e10,#1f6032,#29773e,#369457);background-repeat:no-repeat;background-attachment:fixed;height:100vh;color:#b1b1b1;font-family:"Special Elite",cursive}a{text-decoration:none}.container{margin:auto;padding:20px}.btn{display:inline-block;color:#fff;background-color:#3fb573;font-size:1em;text-align:center;padding:10px 15px;border:0;margin:10px 0}header{height:200px}header img{width:200px}.center{display:flex;align-items:center;justify-content:center}.search{height:100px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.card{cursor:pointer;background-color:transparent;height:400px;perspective:1000px}.card h1{font-size:30px;border-bottom:1px solid #8f8f8f;padding-bottom:10px;margin-bottom:10px}.card img{width:100%;height:400px;object-fit:cover;border-radius:15px}.card-inner{position:relative;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d}.card:hover .card-inner{transform:rotateX(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px}.card-back{background-color:#383838;color:#29773e;padding:20px;transform:rotateX(180deg);font-size:1.2rem}.card li{list-style:none;padding-bottom:10px}@media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.cards{grid-template-columns:1fr}}.search-bar{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);background:inherit;border-radius:40px;padding:10px;box-shadow:-2px -2px 10px 0 #87a190,0 0 10px 0 #87a190,inset -2px -2px 10px 0 #87a190,inset 0 0 10px 0 #87a190,0 0 0 1px #87a190}.search-bar:hover>.search-txt{width:240px;padding:0 6px;border-radius:50px 0 0 50px}.search-bar:hover>.search-btn{background:inherit;color:#6a1cb3;border-radius:0 50px 50px 0}.search-btn{color:#18bee8;float:right;width:40px;height:40px;border-radius:50%;background:#6a1cb3;display:flex;justify-content:center;align-items:center;transition:.4s;color:#fff;cursor:pointer}.search-btn>i{font-size:20px}.search-txt{border-radius:25px;border:none;background:none;outline:none;float:left;padding:0;color:#90f;font-size:16px;transition:.4s;line-height:40px;width:0}.search-txt::-webkit-input-placeholder{font-family:inherit}.search-txt:-ms-input-placeholder{font-family:inherit}.search-txt::-ms-input-placeholder{font-family:inherit}.search-txt::placeholder{font-family:inherit}
/*# sourceMappingURL=main.b9e56888.chunk.css.map */