body{
 background-color: rgb(250, 226, 230);
} 

/* Home page */
.brandname{
    color: deeppink;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.logo{
     border: 4px solid pink;;
border-radius: 50%;
}

.logo:hover{
    border: 6px solid rgb(209, 98, 157)
   
}

.navigation_lists{
    padding: 5px;
    background-color: white;
}
.navigation_lists ul{
    display: flex;
    align-items: center;
    font-size: 20px;
    list-style-type: none;
    gap: 200px;
}
 a{
    text-decoration: none;
    color: black;
}
a:hover{
    color: deeppink;
}
a:active{
    color: rgb(209, 72, 72);
}
.socialmedia{
    width: 50px;
}

.socialmedia:hover{
    border: 5px solid palevioletred;
}

.video{
    border: 5px solid  palevioletred;
    border-radius: 10%;
}

.productimg{
    border: 5px solid white;
    border-left: none;
    border-right: none;
}
.productimg:hover{
    border: 8px solid deeppink;
    border-right: none;
    border-left: none;
}

.button{
    color: white;
    background-color: rgb(209, 98, 157);
    width:150px ;
    border: none;
    padding: 20px;
    font-size: 15px;
}
.button:hover{
    border: none;
    background-color: deeppink;
}
.headerinfo{
    color: white;
    background-color: palevioletred;
    padding: 20px;
    border: none;
}
.headerinfo:hover{
border: none;
background-color: deeppink;
color: white;
}

/*About Page*/
.about{
    color: rgb(145, 20, 86);
}
.paragraph{
    font-style: oblique;
}

/*Partners Page*/
.partnerimg{
    border-radius: 30%;
}

/*Shoppinng Cart page*/
.carttitle{
    background-color: palevioletred;
    color: antiquewhite;
    padding: 25px;
}
.cartbody tr:nth-child(odd) {
    background-color: white;
    color: black;

}
.cartbtn{
    background-color: pink;
    color:black;
    width: 200px;
    height: 50px;
    border: none;
}
.cartbtn:hover{
    background-color:  deeppink;
    color: antiquewhite;
}
.cartxbtn{
    background-color: palevioletred;
    color: white;
    border: none;
    border-radius: 30%;
    padding: 10px;
}
.cartxbtn:hover{
    background-color: red;
    color: white;
    border: none;
    
}

.cartborder{
    border: none;
}

/*Contact and checkout page*/
input[type="text"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="year"],
input[type="tax"],
input[type="username"]
 {
    width: 300px;
    height: 50px;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    padding-left: 15px;
    
}
textarea{
    width:300px;
    height: 50px;
    font-weight: bold;
    border-radius: 8px;
     padding-left: 15px;
      border: none;
}

.label{
    font-size: 20px;
    font-weight: bold;

}

input[type="button"] {
    background-color: palevioletred;
    color: white;
}
.horizontal{
    background-color: deeppink;
    height:2px;
    border: none;
}
.city{
    width: 320px;
    height: 50px;
    border-radius: 8px;
    border: none;
    font-weight: bold;
    padding-left: 10px ;
}
.checkoutpayment{
    padding-bottom: 8px;
    background-color: palevioletred;
}

.ordersummary{
    padding-top: 10px;
}
.ordertable{
    padding-bottom: 150px;
}
.acceptedcards{
    padding-bottom: 8px;
}
.cards{
    padding-bottom: 20px;
}
.checkouttable{
    border: none;
}
.paymenttable{
    background-color: palevioletred;
}

/*Quantity*/
.qty{
    width: 100px;
    height: 30px;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
    border: 2px solid palevioletred;
}

/*Signup/login table*/
.signuptable{
    justify-content: center;
}


/*CART PAGE*/
.cartbody tr:nth-child(odd) {
    background-color: palevioletred;
}

.remove{
    width: 50px;
    height: 50px;
    background-color: palevioletred;
    color: white;
    border: 1px solid white;
    border-radius: 10px;

}

.remove:hover {
    background-color: red;
    color: white;
}

 td{
    text-align: center;
}

.minus{
    width: 35px;
    height: 30px;
    background-color: palevioletred;
    color: white;
    font-size: 20px;
    border: 1px solid white;
}

.minus:hover {
    background-color: white;
    color: black;
}

.plus{
    width: 35px;
    height: 30px;
    background-color: palevioletred;
    color: white;
    font-size: 20px;
    border: 1px solid white;
}

.plus:hover {
    background-color: white;
    color: black;
}