@layer reset, variables, components, utilities;

@import "./reset.css" layer(reset);
@import "./variables.css" layer(variables);
@import "./utilities.css" layer(utilities);

@import "../component/NavBar/style.css" layer(components);
@import "../component/Movie/style.css" layer(components);
@import "../component/MovieDetail/style.css" layer(components);
@import "../component/MovieCategory/style.css" layer(components);
@import "../component/UneMovie/style.css" layer(components);
@import "../component/Favoris/style.css" layer(components);
@import "../component/Category/style.css" layer(components);
@import "../component/Footer/style.css" layer(components);

.site-container{
    padding-left: 0rem;
    background-color: var(--color-background);
}

@media (min-width: 721px) {
    .site-container {
      padding-left: 5rem;
    }
  }


  header{
    width: 100%;
    position: fixed;
    z-index: 1000;
  }