*{box-sizing:border-box;margin:0;padding:0;list-style:none}body{color:#384352;font-family:Open Sans,sans-serif}.App{width:80%;margin:0 auto;padding:20px}.nav-bar{justify-content:space-between;align-items:center;padding:1rem .5rem 2.5rem;display:flex}.nav-bar .logo{color:#384352;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-bar .nav-links{align-items:center;gap:2rem;display:flex}.nav-bar .nav-links .nav-link{color:#384352;font-size:1rem;text-decoration:none;transition:color .3s}.nav-bar .nav-links .nav-link:hover{color:#aaa}.nav-bar .nav-links .cart-icon{fill:#384352;cursor:pointer;width:24px;height:24px}.category-item-container{border:1px solid gray;flex:auto;justify-content:center;align-items:center;min-width:30%;height:280px;margin:0 7.5px 15px;display:flex;overflow:hidden}.category-item-container:hover{cursor:pointer}.category-item-container:hover .background-image{transition:transform 6s cubic-bezier(.25,.45,.45,.95);transform:scale(1.2)}.category-item-container:hover .category-body-container{opacity:.9}.category-item-container.large{height:380px}.category-item-container:first-child{margin-right:7.5px}.category-item-container:last-child{margin-left:7.5px}.category-item-container .background-image{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.category-item-container .category-body-container{opacity:.7;background-color:#fff;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;height:90px;padding:0 25px;display:flex;position:absolute}.category-item-container .category-body-container h2{color:#4a4a4a;margin:0 6px;font-size:22px;font-weight:700}.category-item-container .category-body-container p{font-size:16px;font-weight:lighter}.height-350{height:350px}@media screen and (width<=576px){.category-item-container{width:100%;height:200px}}.categories-container{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}