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


body {
	cursor: url("/drone/resources/cursor.gif"), auto;
	color: white;
	background-color: var(background);
	margin: 0;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div {
	padding: 2%;
}

div ul li {
	padding: 7px;
	text-align: center;
}

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;
	transition: color 300ms ease;
	transition: cursor 500ms linear;
}

/*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;
}

.fadeindown {
	position: relative;
	animation: fadeInDown 300ms ease;
}

.fadeinup {
	position: relative;
	animation: fadeInUp 400ms ease;
}

@keyframes fadeInDown {
  from {
    opacity: 0.6;
    bottom: 80px;
  }

  to {
    opacity: 1;
    bottom: 0px;
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0.7;
    top: 1600px;
  }
  
  to {
    opacity: 1;
    top: 0px;
  }
}



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

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

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