// #region rule
p { color: blue; }
// #endregion rule

// #region tag
body {}
main {}
ul {}
p {}
span {}
// #endregion tag

// #region class
.class-personnelle {}
.container {}
// #endregion class

// #region attr
a[href] {}
a[href="/"] {}
// #endregion attr

// #region chain
ul, ol {}
ul.class-personnelle {}
ul > li {}
.class-personnelle img {}
* + * {}
// #endregion chain

// #region property
body {
  margin-top: -40px;
  padding: 0 20px;
  overflow-x: hidden;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.4;
  color: var(--dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--blue);
  font-weight: 500;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
// #endregion property