@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
* {
  user-select: none;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
  box-sizing: border-box;
  font-family: var(--poppins-font-family);
}
:root {
  --poppins-font-family: "Poppins", sans-serif;
  --body-color: #fff;
  --main-color: #3476c6;
  --hover-color: #3476c650;
  --container-color: #f4f5f7;
  --text-color-primary: #2d2f31;
  --text-color-secondary: #2d2f31;
  --black: #000000;
  --white: #fff;
  --br: 3px;
  --bx: 2px 3px 3px #000000;
  /* Dark colors */
  /* --poppins-font-family: "Poppins", sans-serif;
  --body-color: #141313;
  --main-color: #3476c6;
  --hover-color: #3476c650;
  --container-color: #303030;
  --text-color-primary: #ffffff;
  --text-color-secondary: #dde1e6;
  --black: #000000;
  --white: #fff;
  --br: 3px;
  --bx: 2px 3px 3px #000000; */
}
::selection {
  background: var(--main-color);
  color: var(--text-color-primary);
  }
section {
  padding: 4rem 0 3rem;
}
.bg-nw {
  background: var(--main-color);
}
#colored-button {
  color: #ffffff;
}
img {
  width: 100%;
}
a {
  text-decoration: none;
  color: #fbfeff;
}
li {
  list-style: none;
}
body {
  background: var(--body-color);
}
.container {
  max-width: 1300px;
  margin: auto;
  width: 100%;
}
.heading {
  margin-top: -20px;
  font-weight: bold;
  color: var(--text-color-primary);
}
#heading2 {
  transform: translateY(-30px);
}
@media (max-width: 950px) {
  #heading2 {
    transform: translateY(-20px);
  }
}