:root {
	--brand-900: #bf7506;
	--brand-500: #dd9c3c;
	--brand-100: #f4debe;
	--neutral-900: #211b12;
	--neutral-500: #83807c;
	--neutral-100: #e0dedc;
}

:root {
  --font-family: sans-serif;
  --container-w: 870px;
  --container-x-padding: 10px;
  --container-feedback: 435px;
}

:root {
  --font-family: sans-serif;
  --second-family: sans-serif;
}

html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--font-family);
  margin-bottom: 20px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
h1,h2,h3,h4,ul,p {
  margin: 0;
}
.container {
  max-width: calc(var(--container-w) + 2 * var(--container-x-padding));
  padding-inline: var(--container-x-padding);
  width: 100%;
  margin-inline: auto;
}
.container-feedback {
  max-width: calc(var(--container-feedback) + 2 * var(--container-x-padding));
  padding-inline: var(--container-x-padding);
  width: 100%;
  margin-inline: auto;
}

/*  */

wcc-nav-bar {
  display: block;
  margin-top: 40px;
}
wcc-main {
  display: block;
  margin-top: 70px;
}
wcc-portfolio {
  display: block;
  margin-top: 80px;
}
wcc-developer {
  display: block;
  margin-top: 100px;
}
wcc-my-skills {
  display: block;
  margin-top: 40px;
}
wcc-decor {
  display: block;
  margin-top: 100px;
}
wcc-footer {
  display: block;
  margin-top: 120px;
}