.btn,.jumbotron,.nav :hover{border-radius:0}.cart-badge,.cart-badge:hover{background:#000;border-radius:50%;font-size:12px;font-style:italic;padding:2px}.name{background:indigo;color:#fff;font-weight:700}.black-10{background:#f2f2f2}.black-9{background:#e6e6e6}.black-8{background:#d9d9d9}.black-7{background:#ccc}.black-6{background:#bfbfbf}.black-5{background:#b3b3b3}.product-img{min-height:100px}.jumbotron h2{margin-top:-20px}@media only screen and (max-width:600px){.jumbotron h2{margin-top:10px}}.jumbotron{animation:Gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;color:#fff;height:180px}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App{margin:6rem auto 0;max-width:800px;text-align:center;width:95%}.user-container{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.user-card{border:1px solid grey;border-radius:5px;cursor:pointer;display:flex;padding:.5rem;transition:all .25s ease}.user-card:hover{background-color:#0a0a0a}.avatar{border-radius:50%;height:50px;width:50px}.info{margin-left:1rem;text-align:left}.info h3,.info p{margin-bottom:.5rem}.user-post{margin:0 auto;max-width:500px;width:95%}.user-post h2{color:#fff;margin:1rem auto}.user-post a{cursor:pointer;text-decoration:none}.user-post a:hover{color:#5dd4ac}@media (max-width:600px){.user-container{grid-template-columns:1fr}}.card-skeleton{background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;margin-bottom:1rem;padding:1rem}.left-col{margin-right:1rem}.right-col{flex-grow:1}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
/*# sourceMappingURL=main.b0b2d6c7.css.map*/