* {
    border: border-box;
    margin: 0px;
    padding: 0px;
    font-family: arial narrow;
    color: white;
    background-color: ;
}

.container {
    background-color: rgb(10, 2, 34);
    height: 60px;
    width: 1368px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.nav-logo {
    height: 59px;
    width: 132px;
    background-color: rgb(10, 2, 34);
}

.logo {
    background-image: url(amazon_logo.png);
    background-size: cover;
    height: 58px;
    width: 120px;
}

.nav-logo:hover {
    border: 1px solid white;
}

.nav-location {
    height: 50px;
    width: 70px;
}

#p1 {
    font-size: 12px;
    color: #cccccc;
    padding-bottom: 8px;
}

.icon {
    display: flex;
}

#p2 {
    font-size: 14px;
    font-weight: 800;
    color: white;
}

.nav-location:hover {
    border: 1px solid white;
}

.nav-search {
    padding-left: 1px;
    color: black;
    display: flex;
    margin-left: 20px;
}

.select1 {
    color: black;
    background-color: wheat;
    height: 40px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 09px;
    border-bottom-left-radius: 09px;
    font-size: 20px;
}

.select1:hover {
    background-color: rgb(196, 192, 192);
}

.input1 {
    width: 500px;
    height: 40px;
    font-size: 1.3rem;
}

.icon2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 40px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: rgb(65, 40, 4);
    color: rgb(5, 5, 10);
}

.icon2:hover {
    background-color: orangered;
}

.lang {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    margin-left: 30px;

}

.icon3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.en {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: black;
    color: black;
}

.lang:hover {
    border: 1px solid white
}

.nav-sing {
    margin-left: 30px;
    align-items: first baseline;
}

#p3 {
    font-size: 14px;
    color: whitesmoke;
}

#p4 {
    font-weight: 900;
    color: whitesmoke;
}

.nav-sing:hover {
    border: 1px solid white
}

.return {
    margin-left: 30px;
    align-items: center;
    justify-content: center;
    height: 53px;
    width: 80px;

}

.icon4 {
    display: flex;
    color: whitesmoke;

}

#p5 {
    font-size: 16px;
    color: whitesmoke;
}

#p6 {
    font-weight: 830;
    color: whitesmoke;
}

.return:hover {
    border: 1px solid white
}

.icon6 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 25px;
    height: 53px;
    width: 78px;
    font-weight: bolder;
}

#p7 {
    font-size: larger;
    font-weight: bold;
    font-size: 25px;
    color: azure;
}

.icon6:hover {
    border: 1px solid white;
}

.container2 {
    height: 45px;
    width: 1362px;
    background-color: #222f3d;
    display: flex;
    align-items: center;
    padding-left: 0px;
}

.menubar {
    height: 41px;
    width: 45px;
    display: flex;
}

.menubar:hover {
    border: 1px solid white;
}

.menu {
    display: flex;
    align-items: center;
}

#p21 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    font-weight: bold;
}

.tdeal {
    height: 41px;
    width: 90px;
    margin-left: 7px;
    align-items: center;
    justify-content: center;
}

.tdeal:hover {
    border: 1px solid white;
}

#p22 {
    height: 39px;
    width: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.cs {
    height: 40px;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 09px;
}

.cs:hover {
    border: 1px solid white;
}

#p23 {
    height: 38px;
    width: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.reg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 60px;
    margin-left: 09px;
}

.reg:hover {
    border: 1px solid white;
}

#p24 {
    height: 38px;
    width: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.gc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 74px;
    margin-left: 09px;
}

.gc:hover {
    border: 1px solid white;
}

#p25 {
    height: 38px;
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.sell {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 54px;
    margin-left: 09px;
}

.sell:hover {
    border: 1px solid white;
}

#p26 {
    height: 38px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.heroimg{
 height: 352px;
 width: 1368px;
 display: flex;
}

.hero-img{
    height: 350px;
    width: 1368px;
    background-color: black;
}

.hero-img{
    background-image: url(hero-sec.jpg);
    background-size: cover;
}

.shop{
    height:350px;
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box1{
    height: 255px;
    width: 320px;
    background-color: rgba(245, 215, 215, 0.788);
    margin-left: 10px;
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
}

.img1{
    height:230px ;
    width: 320px;
    background-image: url(box1_image.jpg);
}

.box2{
    height: 255px;
    width: 320px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
}

.img2{
    height:230px ;
    width: 320px;
    background-image: url(box2_image.jpg);
}

.box3{
    height: 230px;
    width: 320px;
    background-color:rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
}

.img3{
    height:230px ;
    width: 318px;
    background-image: url(box3_image.jpg);
    padding-left: 1px;
    padding-right: 1px;
    
}

.shop2{
    height:380px;
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding-top: 50px;
}

.box21{
    height: 380px;
    width: 300px;
    background-color: rgba(245, 215, 215, 0.788);
    margin-left: 10px;
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img21{
    height:380px ;
    width: 299px;
    background-image: url(game.PNG);
}

.box22{
    height: 360px;
    width: 316px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img22{
    height:360px ;
    width: 316px;
    background-image: url(game\ access.PNG);
}

.box23{
    height: 380px;
    width: 307px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img23{
    height:380px ;
    width: 306px;
    background-image: url(gaming\ cor.PNG);
}

.shop3{
    height:380px;
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding-top: 50px;
}

.box31{
    height: 352px;
    width: 307px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img31{
    height:350px ;
    width: 306px;
    background-image: url(pc.PNG);
}

.box32{
    height: 352px;
    width: 307px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img32{
    height:350px ;
    width: 306px;
    background-image: url(Capture.PNG);
}

.box33{
    height: 352px;
    width: 307px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img33{
    height:350px ;
    width: 306px;
    background-image: url(hom.PNG);
}

.shop4{
    height:593px;
    width: 1300px;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding-top: 50px;
}

.box41{
    height: 420px;
    width: 400px;
    background-color: rgba(245, 215, 215, 0.788);
    margin-left: 10px;
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img41{
    height:400px;
    width: 400px;
    background-image: url(box5_image.jpg);
}

.box42{
    height: 352px;
    width: 307px;
    background-color: white;
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img42{
    height:350px ;
    width: 306px;
    background-image: url(box4_image.jpg);
}

.box43{
    height: 500px;
    width: 450px;
    background-color: rgba(245, 215, 215, 0.788);
    color: black;
    text-align: center;
    font-size: 23px;
    font-family: chi;
    justify-content: space-evenly;
}

.img43{
    height:500px ;
    width: 450px;
    background-image: url(box7_image.jpg);
}

.footer1{
    height: 50px;
    width: 1370px;
    background-color: #37475a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    font-size: 20px;
}
.footer2{
    background-color: #222f3d;
    height: 550px;
    width: 1370px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
}
.links{
    text-align: center;
    list-style-type: none;
    
}
#o1{
    font-weight:bold;
}

.footer4{
    height: 100px;
    width: 1390px;
    background-color:#222f3d;;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 3px groove;
}
.logoamaz{
    height: 60px;
    width: 100px;
}
.amazo{
    height: 60px;
    width: 100px;
    background-image: url(amazon_logo.png);
    background-size: cover;
}
.button1{
    height: 35px;
    width: 100px;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    background-color: #222f3d;
}

.button2{
    height: 35px;
    width: 100px;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    background-color: #222f3d;
}

.button3{
    height: 35px;
    width: 100px;
    align-items: center;
    justify-content: center;
    margin-left: 30px;
    background-color: #222f3d;
}