:root{
	--color-bg: #0f172a;
	--color-text: #e2e8f0;
	--color-accent: #2dd4bf;
	--color-menu-top: rgb(203,213,225);
	--color-accent-text: #0f172a;
	--color-projects-bg: #1e293b;
	/*
	--text-color: #e2e8f0;
	--accent-color: #2dd4bf;
	--accent-text-color: #0f172a;
	--card-bg-color: #1e293b;
	--secondary-bg-color: #000000;
	*/
	}

body, html{
	background-color: var(--color-bg);
	color: var(--color-text);
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	}

h1, h2, h3, h4{
	font-family: 'Poppins', sans-serif;
      }

/*** width info ***/
#responsive-browser-width{
	position: fixed;
	background: rgb(55,66,80);
	padding: 5px 5px 5px 15px;
	color: rgb(154,171,192);
	font-size: 1.15rem;
	font-weight: 500;
	z-index: 11111;
	height: 17px;
	text-decoration: none;
	cursor: default;
	border: 1px solid #2dd4bf;
	}

div{
	/*outline: 1px solid rgb(80,80,80);*/
	}