@import './basics/normalize';
@import './basics/colors';
@import './basics/media-queries';
@import './basics/typography';
@import './basics/card';
@import './basics/input';
@import './basics//button';
@import './basics/animate';

* {
  font-family: var(--mc-font-family);
  color: brand-secondary;
  text-align center;
  -webkit-font-smoothing: antialiased;
}

.bell-icon {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  margin: 36px auto;
  background: url('../assets/bell.png') rgba(155,155,155,0.32) no-repeat 50% 42%;
}

.cart-icon {
  width: 50px;
  height: 50px;
  background: url('../assets/cart.png');
  background-repeat no-repeat
  background-size contain
}

.vertical-center {
  display flex;
  justify-content center;
  align-items center;
}

.text-center {
  text-align center
}