* {
    margin: 0;
    padding: 0;
    font-family: 'Courier'
}

#container {
    padding: 20px;
    height: auto;
    background: #1E4258;
}

.labelforcontent {
    background-color: #022140;
    color: #F8AE69;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 30px;
}

#chooseitem {
    width: auto;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-block: 20px;
    text-align: center;
}

.itemsetup {
    background-color: #2D5F5D;
    width: 400px;
    height: 400px;
    border-radius: 10px;
    position: relative;
    padding-top: 0;
}

.itemsetup-choosed {
    width: auto;
    text-align: center;
}

    .itemsetup-choosed img {
        width: 250px;
        height: 250px;
        border-radius: 10px;
        margin-top: 20px;
    }
    .itemsetup-choosed p{
        font-size: 20px;
        color: white;
    }

.fa-trash {
    color: brown;
    font-size: 20px;
    float: right;
    margin-top: 5px;
}

.labelforitemsetup {
    width: 390px;
    background-color: #022140;
    border-radius: 10px;
    color: #F8AE69;
    text-align: center;
    font-size: 30px;
    padding: 5px;
}

.plusbeforechoose {
    position: absolute;
    top: 37%;
    left: 39%;
}


.listproduct {
    width: 1220px;
    height: auto;
    background-color: #2D5F5D;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.listproduct-item {
    width: 230px;
    height: 330px;
    margin: 26px;
    border: solid 1px white;
    padding: 10px;
    text-align: center;
}

    .listproduct-item img {
        border-radius: 10px;
        width: 220px;
        height: 220px;
    }
    .listproduct-item p{
        color: white;
    }

.take {
    text-decoration: none;
    text-align: center;
    color: #F8AE69;
}

    .take div {
        font-size: 20px;
        background-color: #022140;
        width: 70px;
        height: auto;
        border-radius: 10px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
 
    }


        .take div:hover {
            background-color: #265077;
            transition: 0.5s;
        }

#addtocart {
    padding-bottom: 20px;
    font-size: 20px;
    text-align: right;
    color: #F8AE69;
    font-family: 'Courier';
}
    #addtocart input {
        color: #F8AE69;
        height: 40px;
        background-color: #022140;
        padding: 5px;        
        /*text-decoration: none;
        color: #F8AE69;
        background-color: #022140;
        padding: 15px;
        border-radius: 10px;*/
    }
#totalprice {
    margin-top: 20px;
    color: white;

}

.quantityproduct i:hover {
    cursor: pointer;
    color: #F8AE69;
}