@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	scroll-behavior: smooth;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

html,
body {
	height: 100%;
	width: 100%;
	font-size: 16px;
}

:root {
	--background: #090909;
	--surface: #1A1A1A;
	--primary-text: #F2F2F2;
	--muted-text: #8A8A8A;
	--accent: #FF3B3B;
	--border: #2A2A2A;
}

html,
body {
  --s: 50px;
  --c1: #0f0f0f50;
  --c2: #090909;
  --_g: #090909 90deg,var(--c1) 0;
  background: 
    conic-gradient(from 90deg at 2px 2px,var(--_g)),
    conic-gradient(from 90deg at 1px 1px,var(--_g)),
    var(--c2);
  background-size: var(--s) var(--s), calc(var(--s)/5) calc(var(--s)/5);
}