@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

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

:root {
  --primary: #004f8c;
  --bg: #fff;
  --bg1: #fff;
  --onsurface: #23262f;
  --surface: #f7f7f7;
  --line: #e5e5e5;
  --text: #777e90;
  --second: #58bd7d;
}
.is_dark {
  --bg: #141416;
  --bg1: #222630;
  --onsurface: #fff;
  --surface: #18191d;
  --line: #23262f;
  --text: #b1b5c3;
}

body:not(.is_dark) .show-dark,
.is_dark .hide-dark {
  display: none!important;
}

body {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  position: relative;
  overflow-x: hidden;
  color: var(--text);
  background: var(--bg);
  padding: 0!important;
}

body *::selection {
  color: #ffffff;
  background: var(--primary);
}
  
body.sticky-menu {
  margin-top: 50px;
}

#g-intro {
  background: var(--bg);
  color: var(--onsurface);
  padding: 0;
}

.g-content,
.g-particle {
  /* margin: 0;
  padding: 0; */
}