@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;700;900&display=swap);.navbar{align-items:center;background-color:var(--dark);display:flex;padding:3rem 40%}.nav-logo{width:2.75rem}.nav-title{color:var(--white);font-size:1.5rem;margin-left:1rem;margin-right:auto}@media (max-width:1024px){.navbar{padding:1rem 5rem}}@media (max-width:768px){.navbar{padding:1rem 4rem}}@media (max-width:426px){.navbar{padding:1rem 1.5rem}.nav-title{display:block;padding-left:10%}}.search-filter{color:#fff}select{border:2px solid var(--dark);border-radius:.5rem;color:var(--dark);font-size:1rem;font-weight:500;outline:none;padding:.85rem .5rem;text-align:center;width:18rem}@media only screen and (max-width:600px){select{width:17rem}}.categories-container{grid-column-gap:3rem;grid-row-gap:2rem;-webkit-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:repeat(4,1fr);margin:2.5rem auto 0;place-items:center;row-gap:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:1024px){.categories-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:426px){.categories-container{grid-template-columns:repeat(1,1fr)}}.category-container{align-items:center;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.details{display:flex;justify-content:space-around}.rating{color:gold}.background-image{border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5);height:200px;width:200px}.background-image:hover{box-shadow:0 0 20px rgba(0,0,0,.35);transition:all 1s cubic-bezier(.25,.5,.75,1)}.category-body-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.title{font-size:1.25rem;font-weight:700}.category,.title{text-align:center}.category{font-size:1.15rem;font-weight:500}.amount{font-size:.9rem;font-weight:500}span{font-weight:700}@media (max-width:426px){.amount{font-size:1.15rem}.background-image{height:250px;width:250px}.title{font-size:1.35rem}}.search-bar-container{display:flex;padding:3rem;position:relative}@media (max-width:1024px){.search-bar-container{padding-left:10rem;padding-right:10rem}}@media (max-width:768px){.search-bar-container{padding-left:1rem;padding-right:1rem}}input{border:2px solid var(--dark);border-radius:.5rem;font-size:1rem;font-weight:500;height:3rem;outline:none;padding:1rem;width:80%;z-index:0}.search-icon-container{position:absolute;right:20rem;top:3rem}@media (max-width:1024px){.search-icon-container{right:10rem}}@media (max-width:768px){.search-icon-container{right:1rem}}button{background-color:initial;background-color:var(--white);border:none;border:2px solid var(--dark);cursor:pointer;font-size:.8rem;height:3rem;padding:.5rem .6rem;width:3rem}button .icon{color:#000;font-size:1.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sort-features{align-items:center;display:flex;gap:1rem;padding:2rem 20rem 0}.sort-features button{background-color:cyan;border:1px solid var(--dark);font-size:.8rem;padding:.5rem 3rem;position:relative;text-transform:uppercase}.sort-features button:hover{background-color:#08baba}.sort-features .icon{font-size:15px;left:12.5px;position:absolute;top:21.5px}.list{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1024px){.sort-features{padding-left:10rem;padding-right:10rem}}@media (max-width:768px){.sort-features{padding-left:1rem;padding-right:1rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--dark:#131921}html{font-size:16px}body{font-family:Nunito Sans,sans-serif;height:100vh;max-width:100vw}select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:""}
/*# sourceMappingURL=main.e1af9048.css.map*/