@import './reset.css';
@import './variables.css';

@import '../component/Ecommerce/style.css';
@import '../component/Hero/style.css';
@import '../component/Buttons/style.css';
@import '../component/Links/style.css';
@import '../component/li-Links/style.css';
@import '../component/Showcase/style.css';
@import '../component/Forms1/style.css';
@import '../component/Content/style.css';
@import '../component/Content2/style.css';
@import '../component/Content_3/style.css';
@import '../component/Content_4/style.css';
@import '../component/Features/style.css';
@import '../component/Calltoaction/style.css';
@import '../component/Footer/style.css';

html{
    scroll-behavior: smooth;
}


body{
    background-color: black;
    max-width: 100%;
    overflow-x: hidden;
}


.Hero{
    width: 100%;
}

.Ecommerce{
    width: 100%;  

}

.Showcase{
    width: 100%;  
}

.Forms1{
    width: 100%;
    height: 100vh; 
     
}


.Content{
    width: 100%; 
    margin-top: 0.5rem; 
}

.Content2{
    width: 100%; 
    margin-top: 0.5rem; 
}

.Content3{
    width: 100%; 
    margin-top: 0.5rem; 
}

.Content4{
    width: 100%; 
    margin-top: 1rem; 
}

.Features{
    width: 100%; 
}

.Calltoaction{
    width: 100%; 
    
}

.Footer{
    width: 100%;
}