:root {
	--bgColor: #1c1c1d;
	--inputColor: #343438;
	--textColor: #fcb216;
	--buttonColor: #ee2b5e;
	--linkColor: #ffe4b3;
  }

body {
	background-color: var(--bgColor);
	color: var(--textColor);
	padding-top: 4rem;
}

html {
	font-family: helvetica, sans-serif;
	font-weight: lighter;
}

.nav-links {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1.5rem 2rem;
}

.nav-links a {
	margin: 0 0.5rem;
}

a {
	color: var(--linkColor);
	text-decoration: none;
}

a:hover {
	color: white;
}

input, button, textarea, .buttonLikeLink {
	border-radius: 0.8rem;
	border-style: none;
	outline: none;
}

input, button {
	font-size: 1.1rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}

input, textarea {
	background-color: var(--inputColor);
	color: var(--textColor);
}

input:focus {
	outline: none;
}

button {
	background: linear-gradient(to right, var(--textColor), var(--buttonColor));
	font-weight: bold;
	margin: 0.5rem;
	text-shadow:
		-1px -1px 0 #fcb216,
		1px -1px 0 #fcb216,
		-1px  1px 0 #fcb216,
		1px  1px 0 #fcb216;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

.buttonLikeLink {
	background-color: var(--inputColor);
	color: white;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}