body {
	color: white;
	 font-family: "Work Sans", serif;
}

h1{
 font-family: 'Playfair Display', monospace;
}

.overlay {
	background: rgb(36, 36, 36, 0.4);
	position: fixed;
	inset: 0;
}

.logo {
    z-index: 999999;
    margin: auto;
    position: relative;
    height: 100px;
    DISPLAY: FLEX;
}

video {
	width: 100%;
	height:100%;
	object-fit:cover;
}

.video {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.title {
    max-width: 600px;
    position: relative;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 1em;
}

.button {
	box-sizing: border-box;
	position: relative;
	display: inline-flex;
	min-width: 24%;
	overflow: hidden;
	align-items: center;
	border: 1px solid white;
	outline: none;
	text-decoration: none;
	color: white;
	border-radius: 6px;
	padding: .5em;
}

.contact{
	list-style: none;
}

nav{
display: flex;
    gap: .5em;
    flex-wrap: wrap;
    justify-content: center;
}