.logo img{
    width: 100px;
    height: auto;
}

/* Navbar */

.navbar{
  width:100%;
  height: 100px;
  padding: 0 100px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:fixed;
  top:0;
  z-index:1000;
  background: var(--scarlet-color);
}

nav{
  display:flex;
  gap:30px;
}

nav a{
  color: var(--white-color);
  text-decoration:none;
  transition: all ease-in-out .3s;
}

nav a:hover{
  color: var(--yellow-color);
  transition: all ease-in-out .3s;
}

.cart-icon{
  position:relative;
  cursor:pointer;
  font-size:22px;
}

.cart-icon .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--white-color);
    position: relative;
}

.cart-icon .icon svg{
    width: 20px;
    height: 20px;
    fill: var(--scarlet-color);
}

#cart-count{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: var(--red-color);
    border: 1px solid var(--white-color);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    bottom: -25%;
    right: -25%;
}