body{
    margin: 0;
}
.top{
    height: 45px;
    width: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    
}
.text1{
    margin-top: 10px;
}
.text1 a{
    color: white;
    text-decoration: none;
    padding-top:5px;
    font-family: sans-serif;
    font-weight: 300;
    


}
.secondtop1{
    background-color: black;
    height: 90px;
    width: 100%;
    display: flex;
    flex-direction: row;
    position: sticky;
    top: 0;
    

}
.secondtop2{
    background-color: black;
    height:90px;
   width: 70%;
    margin-left: 150px;
    display: flex;
}
.papergrid {
    background-color: black;
    height: 90px;
    width: 190px;
} 
.logo img{
        height: 27px;
    width: 68%;
    margin-top: 26px;
}
.list{
    background-color: black;
    height: 90px;
    width: 287px;
    display: flex;
}
.home{
     padding-top: 30px;
    height: 64px;
    width: 55px;
    
}
.home a{
    text-decoration: none;
    color: rgb(129, 136, 140);
    margin-top: 20px;
    font-family: sans-serif;

}
 
.home a:hover{
    text-decoration: underline;
    color: white;
    }
.aboutus{
   padding-top: 30px;
    height: 64px;
    width: 80px;
}
.aboutus a{
    text-decoration: none;
     color: rgb(129, 136, 140);
    margin-top: 20px;
    font-family: sans-serif;

}
.aboutus a:hover{
    text-decoration: underline;
    color: white;
}
.catalogs{
     padding-top: 30px;
    height: 64px;
    width: 77px;
}
.catalogs a{
    text-decoration:none ;
    color: rgb(129, 136, 140);
    margin-top: 20px;
    font-family: sans-serif;

}
.catalogs a:hover{
    text-decoration: underline;
    color: white;
}
.tracks{
     padding-top: 30px;
    height: 64px;
    width: 55px;
}
.tracks a{
    text-decoration: none;
    color: rgb(129, 136, 140);
    margin-top: 20px;
    font-family: sans-serif;
    

}
.tracks a:hover{
    text-decoration: underline;
    color: white;
}
.icons{
        padding-top: 26px;
    padding-left: 88px;
    height:38px ;
    width: 50px;
    display: flex;
    gap: 27px;
}
.icons i{
    font-size: 20px;
}
.temp{
    height: 200px;
    width: 200px;
}
.section{
    width: 100%;
}
.outimage{
        width: 84%;
    margin-left: 122px;
    margin-right: 122px;
}
.padding1{
    
}
.padding2{
    margin: 40px;
    display: flex;
    
}
.padding3{
    display: flex;
     margin: 40px;
     margin-top: -22px;
}
.padding4{
    display: flex;
     margin: 40px;
     margin-top: -22px;
}
.image-1{
    width: 396px;
    height: 353px;
}
.image-1 img{
    height: 353px;
}
.image-2{
    width: 396px;
    height: 353px;
}
.image-2 img{
    height: 353px;
}
.image-3{
    width: 396px;
    height: 353px;
}
.image-3 img{
    height: 353px;
}
.image-4{
    width: 396px;
    height: 353px;
}
.image-4 img{
    height: 353px;
}
.image-5{
    width: 396px;
    height: 353px;
}
.image-5 img{
    height: 353px;
}
.image-6{
    width: 396px;
    height: 353px;
}
.image-6 img{
    height: 353px;
}
.image-7{
    width: 396px;
    height: 353px;
}
.image-7 img{
    height: 353px;
}
.image-8{
    width: 396px;
    height: 353px;
}
.image-8 img{
    height: 353px;
}
.image-9{
    width: 396px;
    height: 353px;
}
.image-9 img{
    height: 353px;
}
.two{
    width: 100%;
}
.two{
    width: 100%;
    height: auto;
}
.inner-1{
    width: 80%;
    margin-left: 100px;
    margin-right: 100px;
}
.inner-2{
    
}
.inner-3{
    padding: 54px;
    display: flex;
}
.personimage{
        width: 361px;
    height: 467px;
}
.personimage img{
 width: 361px;
    height: 467px;
}
.imagetext{
    width: 764px;
    height: 482px; 
}
.imagetext-1{
    padding-top: 77px;
    padding-left: 100px;
       height: 38px;
    width: 193px;
    margin: 0px;
}
.imagetext-1 p{
    font-size: 22px;
        height: 38px;
   width: 223px;
    margin: 0px;
    color: black;
    font-family: sans-serif;
}
.imagetext-2{
        padding-top: 24px;
    padding-left: 100px;
    height: 50px;
    width: 539px;
    margin: 0px;
}
.imagetext-2 p{
    font-size: 19px;
        height: 43px;
   width: 539px;
    margin: 0px;
    color: black;
    font-family: Gill Sans;
    opacity: 0.8;
}
.imagebutton{
    height: 50px;
    width: 200px;
    
}

.imagebutton button{
    font-size: 20px;
    margin-left: 100px;
   background-color: black;
   color: white;
       height: 45px;
    width: 105px;
}   
.imagebutton button:hover{
    cursor: pointer;
}
footer{
    background-color: black;
    width: 100%;
    height: 410px;
}
.footerfirst{
    
    background-color: black;
    width: 80%;
    height: auto;
    margin-left: 100px;
    margin-right: 100px;

}
.footersecond{
   
    height: 261px;
    background-color: black;
    padding-left: 50px;
    padding-bottom: 50px;
    padding-right: 50px;

}
.contactus h3{
    font-weight: lighter;
    font-family: sans-serif;
}
.contactus{
    
    padding-top: 37px;
    margin: 0px;
     margin-left: 570px; 
    margin-top: 5px;
    height: 20px;
    width: 200px;
    background-color: black;
    color: white;
}
.number-1{
    
    font-size: 21px;
    text-decoration: underline;
    padding-top: 20px;
    margin: 0px;
    margin-left: 552px; 
    margin-top: 5px;
    height: 20px;
    width: 200px;
    background-color: black;
    color: rgb(133, 127, 127);
}

.number-2{
    font-size: 21px;
    
    text-decoration: underline;
    padding-top: 20px;
    margin: 0px;
    margin-left: 552px; 
    margin-top: 5px;
    height: 20px;
    width: 200px;
    background-color: black;
    color: rgb(133, 127, 127);
}
.email{
    font-size: 20px;
    font-family: sans-serif;
    text-decoration: underline;
    padding-top: 20px;
    margin: 0px;
    margin-left: 509px; 
    margin-top: 5px;
    height: 20px;
    width: 200px;
    background-color: black;
    color: rgb(133, 127, 127);
}
.instaicon{
    /* padding-left: 100px; */
    padding-top: 60px;
    padding-left: 50px;
    margin: 0px;
    margin-left: 509px; 
    margin-top: 5px;
    background-color: black;
    height: 20px;
    width: 200px;
    margin-left: 560px;

}
.instaicon i{
    font-size: 20px;
    height: 30px;
    width: 30px;
}
.footerlast{
    background-color: black;
    height: 110px;
    width: 100%;

}
.footerlast-1{
    margin-left: 154px;
    padding-top: 45px;
    background-color: black;
    height: 24px;
    width: 80%;
    display: flex;
    opacity: 0.8;
}
.copyright{
    color:white;
    background-color: black;
    height:20px ;
    width: 191px;

}
.copyright p{
    margin: 0px;
}
.spotify{
    color:white;
    background-color: black;
    height:20px ;
    width: 148px;

}
.spotify a{
    color: white;
    text-decoration: none;
}
.refund{
    color:white;
    background-color: black;
    height:20px ;
    width: 114px;

}
.refund a{
    color: white;
    text-decoration: none;
}
.privacy{
    color:white;
    background-color: black;
    height:20px ;
    width: 114px;

}
.privacy a{
    color: white;
    text-decoration: none;
}
.terms{
    color:white;
    background-color: black;
    height:20px ;
    width: 130px;

}
.terms a{
    color: white;
    text-decoration: none;
}
.shipping{
    color:white;
    background-color: black;
    height:20px ;
    width: 122px;

}
.shipping a{
    color: white;
    text-decoration: none;
}
.Contact{
    color:white;
    background-color: black;
    height:20px ;
    width: 130px;

}
.Contact a{
    color: white;
    text-decoration: none;
}