@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;800&family=Lobster&family=Titillium+Web:ital,wght@1,600&display=swap);.filter-container{justify-content:space-between;margin:0 auto 1rem;max-width:1200px;width:100%}.filter-container,.logo{align-items:center;display:flex}.logo{color:#656565;font-family:Lobster,cursive;margin-right:1rem}.filter-input{border:1px solid #ccc;border-radius:.3rem;font-size:1rem;margin:1rem auto 2rem;max-width:100%;padding:.5rem;width:20rem}.filter-input::-webkit-input-placeholder{color:#656565;opacity:.5}.filter-input::placeholder{color:#656565;opacity:.5}.filter-input:focus{border:2px solid #656565}@media (max-width:600px){.filter-container{flex-direction:column}.filter-input{margin:1rem auto 0}}.footer-text{color:#656565;margin-top:2.2rem;text-align:center}.heart{color:#e20000;font-size:1rem;padding:0 .3rem}.dev-name{color:#1c1c1c;font-weight:600}*{box-sizing:border-box;list-style:none;margin:0;outline:0;overflow-x:hidden;padding:0;text-decoration:none}body{background-color:#f8f8f8;font-family:Fira Sans,sans-serif}.homepage-container{padding:2rem}.card-container{grid-gap:1.7rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding-top:1rem}.card-header{position:relative}.arrow-icon{color:#656565;font-size:1.5rem;position:absolute;right:0;top:0}.card{border-radius:.3rem;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:1.3rem;position:relative;transition:box-shadow .3s,-webkit-transform .3s;transition:box-shadow .3s,transform .3s;transition:box-shadow .3s,transform .3s,-webkit-transform .3s}.card:nth-child(8n+2),.card:nth-child(8n+4),.card:nth-child(8n+5),.card:nth-child(8n+7){background-color:#f1f1f1;border:2px solid #fff}.card:hover{border:.5px solid #656565;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card img{height:auto;max-width:100%}.category-text{color:#656565}@media (min-width:1025px) and (max-width:1146px){.card:nth-child(8n+2),.card:nth-child(8n+4),.card:nth-child(8n+6),.card:nth-child(8n+8){background-color:#ededed;border:1px solid #fff}.card:nth-child(8n+1),.card:nth-child(8n+3),.card:nth-child(8n+5),.card:nth-child(8n+7){background-color:#fff}}@media (min-width:601px) and (max-width:1024px){.card:nth-child(8n+2),.card:nth-child(8n+3),.card:nth-child(8n+6),.card:nth-child(8n+7){background-color:#ededed;border:1px solid #fff}.card:nth-child(8n+1),.card:nth-child(8n+4),.card:nth-child(8n+5),.card:nth-child(8n+8){background-color:#fff}}@media (max-width:1024px){.card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.card-container{grid-template-columns:repeat(1,1fr)}.card:nth-child(8n+2),.card:nth-child(8n+4),.card:nth-child(8n+6),.card:nth-child(8n+8){background-color:#ededed;border:1.5px solid #fff}.card:nth-child(8n+1),.card:nth-child(8n+3),.card:nth-child(8n+5),.card:nth-child(8n+7){background-color:#fff;border:1px solid #b4b4b4}}@media (max-width:300px){.arrow-icon{right:-9px;top:-7px}}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:1rem;position:relative}.back-link{background-color:#fff;border:1px solid #c3c3c3;border-radius:.2rem;color:#656565;left:2rem;padding:.3rem .5rem;position:absolute;top:2rem;transition:box-shadow .3s,-webkit-transform .3s;transition:box-shadow .3s,transform .3s;transition:box-shadow .3s,transform .3s,-webkit-transform .3s}.back-link:hover{border:.5px solid #656565;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.left-arrow-icon{font-size:2rem}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:500px;padding:2rem;text-align:center;width:100%}.card img{max-width:100px}.card img,.card p{margin-bottom:1rem}.card p{color:#656565;font-size:1rem;font-weight:600}.bg:nth-child(2n){background-color:#d1d1d1;color:#fff;padding:.3rem 0}.bg:nth-child(odd){background-color:#fff;border:1px solid #d1d1d1;padding:.3rem 0}@media screen and (max-width:768px){.card{padding:1.5rem}.back-link{left:.9rem;margin-bottom:1rem;top:.7rem}.card p{font-size:.9rem;margin-bottom:.7rem}}
/*# sourceMappingURL=main.4362fae9.css.map*/