* {
    margin: 0;
    font-family: Arial;
    border: none;
}
.navbar {
    height: 60px;
    background-color: rgb(52, 51, 50);
    color: white;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.navbarlogo {
    height: 65px;
    width: 100px;
}
.logo {
    height: 60px;
    width: 120px;
    background-image: url("Amazon-Logo.png");
    background-size: cover;
}
.border {
    border: opx solid transparent;

}
.border:hover {
    border: 2px solid white;
    border-radius: 4px;
}
.address {
    color: rgb(200, 196, 196);
    font-weight: 600;
}
.cont {
    color: white;
    font-weight: 600;
    }
.search {
    width: 400px;
    height: 30px;
    border-radius: 4px;
}
.searchall {
    height: 33px;
    border-radius: 4px;
    width: 50px;
    }
    .srch {
        height: 35px;
        width: 45px;
        background-color: orange;
        border-radius: 4px;

    }
    .sin p {

            font-weight: 700;
    }
    .ret p{
        font-weight: 700;
    }
    .ct {
        font-weight: 700;
        font-size: 40px;
    }
    .secnavbar {
        height: 35px;    
        background-color: rgb(59, 55, 66);
        color: rgb(240, 237, 237);
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        text-decoration: underline;
    }
    .image {
        height: 300px;
        background-image: url("Amazonfront.jpg");
        border-radius: 7px;
        background-size: cover;
    }
   
    .msg {
        height: 40px;
        width: 80%;
        color: rgb(7, 7, 6);
        text-decoration: underline;
        background-color: white;
        border-radius: 6px;
        display: flex;
        justify-content: space-around;
        position: relative;
        top:250px ;
        align-items: center;
        left: 100px;
        animation: msgAnimate 7s ease-in 1s infinite normal;
    }
             @keyframes msgAnimate {
            from {left: 0px;}
            to {left: 100%;}
         }     
    .boxflx{
        background-color: rgba(147, 236, 206, 0.283);
        display: flex;
        flex-wrap: wrap;
        color: white;
        font-weight: 700;
        background-size: cover;
        
}
i , .srch {
    font-size: 25px;
    text-align: center;    
}

    .box {
        height: 300px;
        width: 300px;
        /* text-decoration: underline; */
        /* text-align: left; */
        border: 2px solid black;
        background-color: aquamarine;
        margin:10px;
        /* padding: 10px; */
       background-size:cover;
         border-radius: 25px;
        display: flex;
        justify-content: space-evenly;
        
    }
    .box:hover {
      transform: scale(1.1);
      z-index: 3;
      box-shadow: 0 35px 35px rgba(242, 3, 3, 0.6);
      border-radius: 20px;
      border-color: rgb(9, 9, 9);
    }
    footer {
        
        background-color: rgb(15, 14, 14);
    }
    .raj {
       text-decoration: underline;
        background-color: rgb(96, 219, 235);
        border-radius: 6px;
        position: relative;
        bottom: -325px;
        text-align: center;
        align-items: center;
        animation: rajAnimate 7s ease-in 0s infinite normal;
    }
             @keyframes rajAnimate {
            from {
                opacity: 0;
                left: 0;}
            to {
                 opacity: 1.5;
                left: 100%;}
         }