* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
article {
  margin: 0;
}
ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

body {
  font-size: 1rem;
  line-height: 1;
  font-style: normal;
  background: var(--bg-1);
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}
main{
    padding-top:90px;
}
:root {
  --default: #0b6faf;
  --black: #000;
  --white: #fff;
  --color-1: #2270a1;
  --bg-4: #5b8c51;
  --bg-5: #d7d7d7;
  --color-2: #3d414a;
  --color-3: #666;
  --color-4: #404a3d;
  --color-5: #0c4c93;
  --bg-2: #404a3d;
  --bg-3: #eddd5e;
  --yellow: #f8e251;
  --bg-1: #f8f7f0;
  --bg-6: #404a3d;
  --bg-7: #4ba1ed;
  --border-2: #404a3d;
  --border-3: #5b8c51;
  --border-4: rgba(255, 255, 255, 0.377);
  --border-1: rgba(64, 74, 61, 0.2);
  --border-5: #ddd;
  --border-6: #ced4da;
  --box-shadow-1: rgb(255 250 250 / 30%);
    counter-reset: headings;
}