amazonclonecss1.css

*{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    border: border-box;
}
body{
    background-color: #cccccc;
}
.navbar{
    height: 65px;
    color: white;
    background-color: black;
    display: flex;
    align-items:center;
    justify-content: space-evenly;
}
.nav-logo{
    height: 65px;
    width: 113px;
}
.logo{
    height: 62px;
    width: 113px;
    background-image: url("/Amazon-Logo-Font-1-scaled.webp");
    background-size: cover;
}
.border{
border: 1.5px solid transparent;
}
.border:hover{
    border: 1.5px solid white;
}

/**2nd box**/
.add-icon{
    display: flex;
}
.first-add{
    color: #cccccc;
    font-size: 0.75em;
    margin-left: 14px;
}
.second-add{
   margin-left: 2px;
}

/**3rd Box**/

.third{
    height: 40px;
    width: 620px;
    display: flex;
}
.search-logo{
    background-color: #febd68
}
.search-select{
    background-color: #f3f3f3;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
}
.search-input{
    width: 700px;
    font: 1rem;
    border: none;
}
.search-logo{
    width: 45px;
    display:flex;
    align-items: center;
    justify-content: center;
    color: #0f1111;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
    font-size: 1.3rem;
}

/**fourth-box**/

.country-logo{
    height: 16.2px;
    width: 30.6px;
    background-image: url("Flag-United-States-of-America.webp");
    background-size: cover;
}
.country{
    height: 60px;
    display: flex;
    align-items: center;
}
.country-name{
    font-size: 1rem;
    
}
.country-symbol{
    font-size: 0.75rem;
    padding-top: 4px;
}

/*fifth*/
.fifth{
    height: 60px;
}
.first-fifth{
    display: flex;
    align-items: center;
    padding-top: 14px;
    font-size: 0.75rem;
}
.second-fifth{
    display: flex;
}
#icon{
    padding-top: 2px;
    padding-left: 2px;
}

/*sixth-box*/

.sixth{
    height:60px;
}
.sixth-first{
    font-size: 0.75rem;
    padding-top: 12px;
}

/*seventh-box*/

.seventh{
    display: flex;
    height: 60px;
    align-items: center;
}
.seventh-one{
    font-size: 2rem;
}
.seventh-two{
    font-size: 1rem;
    padding-top: 10px;
}

/*Second-Nevbar*/

.second-nevbar{
    height: 39px;
    background-color: #1c2222;
    color: white;
    display: flex;
}
.second-nevbar-first{
    display: flex;
    align-items: center;
    margin-left: 20px;
    font-size: 1.2rem;
}
.second-nevbar-text{
    font-size: 1rem;
}
.second-nevbar-second
{
    display: flex;
    font-size: 0.90rem;
    align-items: center;
    justify-content: space-around;
}
.positionn{
    width: 550px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
}
.second-nevbar-icon{
    display: flex;
}
#all{
    padding-left: 5px;
    font-size: 0.95rem;
}
#iconn{
    font-size: 1rem;
    padding-top: 0.5px;
}
.set-border{
    display: flex;
    height: 39px;
    align-items: center;
}

/*CONTENT*/
.content{
  width: 100vw;
  height: 100vh;
}
.content-pic{
    height: 600px;
    width: 1350px;
    background-image: url("/tuxpi.com.1709146035.jpg");
    background-size: cover;
}
.line-margin{
    display: flex;
}
.line{
    background-color: #ffffff;
    display: flex;
    height: 40px;
    width: 1309px;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-top: 250px;
}
.first-boxes{
    display: flex;
    justify-content: space-evenly;
    
    
}
.first-boxes-id{
    background-color: #ffffff;
    height: 420px;
    width: 312.25px;
    margin-top: 15px;
    
}
.first-first{
    display: flex;
    align-items: center;
}
#see11{
    text-decoration: none;
    margin-left: 20px;
}
.first-first{
    height: 350px;
    width: 270px;
    background-image: url("/Fuji_Desktop_Single_image_EBF_1x_v1._SY304_CB573698005_.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
}
.Gaming{
    margin-left: 20px;
    padding-top: 15px;
}
.first-first1{
    height: 350px;
    width: 270px;
    background-image: url("/toy.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
}
.first-first2{
    height: 330px;
    width: 270px;
    background-image: url("/3rd.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
    padding-top: 0px;
}
.celebrate{
    margin-left: 20px;
    padding-top: 15px;
    padding-left: 1px;
    
}
.first-first3{
    height: 350px;
    width: 270px;
    background-image: url("/Fuji_Desktop_Single_image_EBF_1x_v3._SY304_CB573698005_.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
    padding-top: 0px;
}
.first-first2-1{
    height: 330px;
    width: 270px;
    background-image: url("/watch.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
    padding-top: 0px;
}
.first-first2-2{
    height: 330px;
    width: 270px;
    background-image: url("/tv.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
    padding-top: 0px;
}
.first-first2-3{
    height: 350px;
    width: 270px;
    background-image: url("/girl.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
}
.first-first2-4{
    height: 350px;
    width: 270px;
    background-image: url("/computer.jpg");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 20px;
}

/*FOOTER*/

.signin{
    height: 166px;
    width: 1349px;
    background-color: #ffffff;
    margin-top: 580px;
    display: flex;
    align-items: center;
}
.signin1{
    height: 126px;
    width: 1500px;
    border: 1px solid rgba(139, 127, 127, 0.815);
    border-left: 0px;
    border-right: 0px;
}
.See-personalized-recommendations{
    display: flex;
    justify-content: center;
    padding-top: 20px;

}
.sign-footer{
    
    display: flex;
    justify-content: center;
    padding-top: 15px;
    
}
.new-customer{
    display: flex;
    justify-content: center;
    padding-top: 15px;
}
.Start-here{
    text-decoration: none;
}
.sign-button{
    height: 28px;
    width: 230px;
    font-size: 13px;
    font-weight: bolder;
    text-shadow: 0 1px 0 #ffe093;
    border-radius: 4px;
    background-color: rgb(255, 187, 0);
    border:2px solid orange;
}
.back-to-top{
    height: 49px;
    width: 1349px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #485566;
    color: white;
}
.more-item{
    height: 400px;
    width: 1349px;
    background-color: #232F3E;
}

.more-item{
    display: flex;
    justify-content: space-evenly;
    border: 2px solid #485566;
    border-left: 0px;
}
.more-item-1{
    margin-top: 50px;
    height: 320px;
    width: 312.25px;
    
    
}
.more-item-2{
    margin-top: 50px;
    height: 320px;
    width: 312.
}
.more-item-3{
    margin-top: 50px;
    height: 320px;
    width: 312.25px;
   
}
.more-item-4{
    margin-top: 50px;
    height: 320px;
    width: 312.25px;
    
}
.Get-to{
    text-decoration: none;
    color: #DDDDDD;
   
}
.position{
    margin-left: 100px;
}

.headingg{
    color: #FFF;
    padding-bottom: 10PX;
}
.list-class{
   list-style-type: none;
   line-height: 1.8;
}
.position-3{
    margin-left: 70px;
}
.amazon-bottom-logo{
    height: 100px;
    width: 1349px;
    background-color: #232F3E;
    display: flex;
    align-items: center;
    justify-content: center;

}
.amazon-bottom{
    height: 200px;
    width: 200px;
    background-image: url("/Capture.PNG");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bottom-bottom1{
    height: 70px;
    width: 1349px;
    background-color: #131A22;
    
    
}
.bottom-bottom1-1{
    height: 20px;
    width: 140px;
}
.bottom-bottom1-2{
    height: 20px;
    width: 180px;
}
.bottom-bottom1-3{
    height: 20px;
    width: 184px;
}
.bottom-bottom2{
    display: inline-block;
}
.one{
    display: flex;
    text-align: center;
    justify-content: center;
    color: white;
    padding-top: 10px;
    font-size: small;
}
.bottom-bottom2{
    display: flex;
    text-align: center;
    justify-content: center;
    color: white;
    font-size: small;
    padding-top: 5px;
}