* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body{
    background-color: antiquewhite;
  }
/*至頂欄*/
  header{
    height: 6vh;
    width:100%;
    background-color: hsl(42, 52%, 39%);
    position: fixed;
    }
.menu{
    display:none;
    }
header h1{
    color:rgb(255, 255, 255);
    font-size: 2.2em;
    position: absolute;
    left: 5vw;
    top:0;
    line-height: 6vh;
    background-image: url(#);
    background-repeat:no-repeat;
    background-position:center;
    /*text-inndent:-9999px;*/
    }
header ul{
    position:fixed;
    right:3vw;
    }
    header li{
        text-decoration: none;
        display: inline;
        line-height: 6vh;
    }
    header a{
    font-size: 1.2em;
    color:white;
    text-decoration: none;
    margin-right:2vw;
    font-weight: bold;
    }
  /* Main content styles */
  main {
    padding: 10vh;
  }
  
  .cart-container {
    max-width: 60%;
    margin: 0 auto;
  }
  .cart-container h2{
    font-size: 40px;
    display:flex;
    justify-content: center;
  }
  .cart-items {
    margin-bottom: 20px;
  }
  
  .cart-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  
  .cart-item img {
    width: 25%;
    margin:  20px;
    border-radius: 10px;
  }
  
  .item-details {
    flex: 1;
  }
  
  .item-details h3 {
    margin-bottom: 10px;
  }
  .remove-item{
    padding:10px 15px;
    border: none;
    background-color:hsl(42, 52%, 39%);
    color:white;
    border-radius: 5px;
  }
  .cart-total{
    text-align: center;
  }
  .cart-total h3{
    margin-bottom:10px;
    justify-content: center;
  }
  
  .checkout-btn {
    font-size: 20px;
    background-color: hsl(42, 52%, 39%);
    color: white;
    margin:20px;
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
/*結尾nav*/
footer{
    width:100%;
    position:fixed;
    bottom:0;
}
footer nav{
    background-color: rgb(186, 127, 49);
    height: 80px;
    display:flex;
    align-items: center;
    justify-content:center;
}
footer ul{
    display:flex;
}
footer li{
    padding:5vw;
    list-style-type: none;
}
footer i{
    color:antiquewhite;
}

/*結尾欄*/
    footer p{
        background-color: hsl(42, 42%, 19%);
        color:rgba(175, 175, 175, 0.691);
        height:40px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:16px;
    }