:root {
	background: #181825;
	text: #cdd6f4;
}


body {
	color: white;
	background-color: var(background);
	margin: 0;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}


h1 {
  color: #f9e2af;
  font-family: LXND;
  font-variation-settings: 'LXND' 100;
  text-align: center;
}
h2 {
	color: #fab387;
	text-align: center;
}
h3 {
	padding: 10px;
	color: var(text);
}


/*All text*/
a {
	text-decoration: none;
}
/*normal, non visited link */
a:link {
	color: #cba6f7;
}

/* visited link */
a:visited {
	color: #cba6f7;
}

/* mouse over link */
a:hover {
	color: #cdd6f4;
	background:#cba6f7;
	cursor: none;
}

/* selected link */
a:active {
	color: #a6e3a1;
}

.hobbies{
	border-left: 4px solid #74c7ec;
	list-style-type: none;
	padding: 1px 14px;
}

.hobbies li.elements {
	color: var(text);
	padding-bottom:12px;
}

.contact { /*how to contact me section*/
	border-left: 4px solid #cba6f7;
	background-color: #181825;
	list-style-type: none;
	padding: 1px 14px;
}

.utilities {
	border-left: 4px solid #f9e2af;
	list-style-type: none;
	padding: 1px 14px;
}

.utilities li.elements {
	color: var(text);
	padding-bottom:12px;
}