@import url("https://fonts.googleapis.com/css?family=Open+Sans|Source+Code+Pro:400,700&display=swap");

* {
	margin: 0;
	padding: 0;
}

html {
	font-family: "Open Sans", sans-serif;
	background-color: rgba(50, 48, 49, 1);
	color: rgba(127, 121, 121, 1);
}

section {
	position: absolute;
	top: 50%;
	margin-left: 10%;
	transform: translateY(-50%);
}

section h1.name {
	font-family: "Source Code Pro", monospace;
	font-weight: 700;
	font-size: 3em;
	color: rgba(193, 189, 179, 1)
}

section p {
	font-size: 1em;
	padding-bottom: 1.5em;
}

p.contact {
	font-family: "Source Code Pro", monospace;
	padding-bottom: 1.5em;
	font-size: 0.8em;
}

div.container {
	display: flex;
	flex-direction: row;
}

div.container button {
	padding: .75em 1em;
	border-radius: 4px;
	background: none;
	font-family: inherit;
	font-weight: 700;
	transition: 0.2s ease;
	cursor: pointer;
	margin-right: .5em;
}

div.container button.first {
	border: 1px solid rgba(104, 59, 56, 1);
	color: rgba(214, 89, 81, 1);
}

div.container button.first:hover {
	background-color: rgba(104, 59, 56, 1);
}

div.container button.second {
	border: 1px solid rgba(73, 132, 103, 1);
	color: rgba(82, 183, 136, 1);
}

div.container button.second:hover {
	background-color: rgba(73, 132, 103, 1)
}

div.container button.third {
	border: 1px solid rgba(119, 86, 122, 1);
	color: rgba(196, 122, 192, 1);
}

div.container button.third:hover {
	background-color: rgba(119, 86, 122);
}