@font-face 
{
  font-family: "Gontserrat";
  src: local("Gontserrat"), url("Gontserrat-Regular.ttf") format("truetype");
}

html
{
	background-image: url("background.png");
	background-attachment: fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: black;

	text-align: center;
	font-family: "Gontserrat", Arial;
	color: white;
}

.title
{
	color: #333;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 10px;
	border-bottom: 2px solid #333;
}

.h2
{
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 5px;
}

.h3
{
	text-transform: uppercase;
	font-size: 15px;
	font-style: italic;
}

img#left-arrow
{
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
}

img#right-arrow
{
	position: absolute;
	top: 50%;
	right: 0;
	width: 10%;
}

img#car
{
	width: 50%;
}

.separator
{
	width: 60%;
	margin-left: 20%;
	border-bottom: 2px solid #fff;
}

p
{
	width: 60%;
	margin-left: 20%;
}

p.white
{
	width: calc(60% - 50px);
	padding: 40px 25px;
	color: #333;
	background-color: white;
}

.contact
{
	display: block;
	margin: 20px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
}

.quote
{
	font-style: italic;
	font-size: 14px;
}

.name
{
	text-align: right;
}

#languages
{
	text-align: right;
}

#languages a
{
	color: white;
	font-size: 12px;
}