*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* start header  */
.header{
    position: relative;
    top: 0;   
}
.hr{
    width: 100%;
    height: 600px;
    right: 100px;
}
.img1{
    position: absolute;
    width: 1300px;
    height: 150px;
    right: 300px;
    
    
    top: 500px;
}

/* start div2  */
.div2{
    display: flex;
    justify-content: space-between;
}

.image1{
    width: 600px;
    height: 600px;
    position: absolute;
    top: 65px;
    margin-left: 1020px;
}
.image2{
    width: 270px;
    height: 400px;
    position: absolute;
    top: 105px;
    right: 250px;
}
.imagee3{
    width: 250px;
    height: 130px;
    position: absolute;
    top: 450px;
    right:270px ; 
}
.you-sell{
    position: absolute;
    top: 230px;
    left: 110px;
    font-size: 25px;
}
.you-sell h3{
    color: rgb(82, 74, 74);
    font-weight: bold;
    font-size: 40px;
}
    
.you-sell p{
    color: rgb(139, 148, 155);
}
.span{
    color: rgb(152, 54, 243);
}
/* end div2  */
/* end header  */


/* start nav  */
.div-nav{
    width: 100%;
    height: 150px;
    display: flex;
    justify-content:space-between;
    align-items: center;
    position: absolute;
    top: 10px;
}

/* start nav-left  */
.left-nav img{
      width: 200px;
      height: 100px;
}
.left-nav{
    display: flex;
    align-items: center;
    margin-left: 40px;
    padding: 10px;
}
.left-nav a{
    color: blueviolet;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    font-size: 20px;
}
.home {
    border-bottom: 2px solid rebeccapurple;
    font-size: 20px;
    font-weight: bold;
}
/* end nav-left  */



/* start nav-right  */
.right-nav{
    margin-right: 80px;
}
.right-nav p{
    position: absolute;
    top: 60px;
    right: 119px;
    font-size: 25px;
    color: rgb(131, 131, 122);
}
/* end nav-right  */
/* end nav  */


/* start section  */
.sec{
    width: 100%;
    height: 800px;
    margin-top: 110px;
    position: relative;
}

/* start section-left  */
.section-left{
    width: 150px;
    height: 100px;
    margin-top: 150px;
    margin-left: 100px;
}
.super{
    width: 200px;
    margin-left: 40px;
    color: grey;
}
.section-left p{
    margin-top:10px ;
    width: 350px;
    font-weight: bold;
    color: rgb(149, 156, 161);
}
/* end section-left  */

/* start section-middle  */
.section-middle{
    width: 150px;
    height: 100px;
    margin-top: 50px;
    margin-left: 43%;
}

.reak{
    width: 200px;
    margin-left: 40px;
    color: grey;
}
.section-middle p{
    margin-top:10px ;
    width: 350px;
    font-weight: bold;
    color: rgb(149, 156, 161);
}
/* end section-middle  */

/* start section-left-right  */
.section-left-right{
    display: flex;
    justify-content: space-between;
    margin-top: 170px;  
}

.kudzoka{
    width: 150px;
    height: 100px;
    margin-left: 100px;
    position: relative;
}
.kudzoka p{ 
    width: 100px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 90px;
    left: 80px;
    color: aliceblue;
}
.kudzoka h1{
    position: absolute;
    top: 120px;
    left: 79px;
    font-size: 35px;
    font-weight:bold;
    color: aliceblue;
}

.kudz{
    width: 300px;
    height: 300px;
}

.disk{
    margin-right: 80px;
}
.disk h3{
    width: 180px;
    margin-left: 100px;
    color: grey;
}
.disk p{
    width: 350px;
    margin-top:10px ;
    font-weight: bold;
    color: rgb(149, 156, 161);
}
.second{
    margin-left: 230px;
    margin-top: -80px;
    width:80% ;
    height: 585px;
    position: absolute;
    bottom: 1500px;
    top: 0px ;
}
/* end section-left-right   */
/* end section */

/* start article  */
.article{
    width: 100%;
    height:550px;
    margin-top: 70px;
    padding-top: 60px;
    display: flex;
    justify-content: space-around; 
}
.grop1{
    width: 180px;
    margin-left: 150px;
}
.grop2{
    width: 190px;
    margin-right: 150px;
    margin-top: 20px;
}
/* start middle  */
.middle{
    margin-top: -100px;
    width: 400px;
    height: 400px;
    padding: 10px;
}
.middle-h3{
    top: 0px;
    width: 300px;
    color:grey ;
    font-size: 25px;
    font-weight: bold;
    margin-left: 90px;
}
.middle-p{
    top: 0px;
    width: 300px;
    color:rgb(149, 156, 161) ;
    font-size: 20px;
    font-weight: bold;
    margin-left: 90px;
    margin-top: 20px;
}
/* end middle  */
/* end article  */


/* start footer  */
/* start-img-footer-rlative  */
.img-footer-relative{
    position: relative;
    top: 50px;
    width: 100%;
    margin-top: -100px;
}
/* end-img-footer-rlative  */

/* start-footer-left  */
.img-all-footer{
    position: absolute;  
}
/* start-apple-play store */

.apple{
    border: 3px solid white;
    padding-top:5px;
    padding-right:90px ;
    padding-bottom: 5px;
    padding-left: 10px ;
    background-color: antiquewhite;
    position: absolute;
    bottom: 150px;
    left: 150px;
    border-radius: 5px;
}
.apple-a{ 
    width: 100px;
    padding-bottom:15px ;
    position: absolute;
    bottom:150px;
    left: 200px;
    text-decoration: none;
}
.play{
    border: 3px solid white;
    padding-top:5px;
    padding-right:90px ;
    padding-bottom: 5px;
    padding-left: 10px ;
    background-color: antiquewhite;
    position: absolute;
    bottom:150px;
    left: 300px;
    border-radius: 5px;
}
.play-a{
    width: 100px;
    padding-bottom:85px ;
    
    position: absolute;
    bottom: 83px;
    left: 350px;
    text-decoration: none;
}
/* end-apple-play store */

/* start-icons  */
.icon{
    display: flex;
    position: absolute;
    bottom:55px;
    left: 145px;
}
.icon a {
    padding: 10px;
}
/* end-icons  */

/* start-list-links  */
.a2{  
    display: flex;
    position: absolute;
    left: 150px;
    bottom: 0px;
}
.a2 a{
    width: 120px;
    padding:0px ;
    text-decoration: none;
    color: aliceblue;
    font-size: 20px;
    font-weight: bold;
}
/* end-list links  */
/* end-footer-left  */

/* start-footer-right  */
.two{
    width: 670px;
    height: 552px;
    position: absolute;
    bottom: -45px;
    margin-left: 830px;
}

/* end footer right  */
/* end footer  */