/*=> border reset */
*,
:before, 
:after {
  box-sizing: border-box;
}

/*=> Fonts preference */
html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.55;
}

/*=> Margin reset */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
code,
button,
table,
dl,
dd,
hr,
figure,
picture,
pre {
  margin: 0;
}

/*=> Heading & text reset */
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
  font-size: inherit;
  font-weight: inherit;
}

/*=> List reset */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*=> Images reset */
img,
svg,
iframe,
picture,
figure,
video {
  display: block;
}

/*=> Form element reset */
form,
button,
input,
select,
textarea,
label {
  border: 0;
  outline: 0;
}


/*=> Audio formated */
audio {
  width: 100%;
  display: block
}

audio::-webkit-media-controls-panel {
  background: var(--c-light);
  color: var(--c-text);
}