body {
	margin: 0;
	padding: 0;
	color: white;
	font-family: "Satoshi", -system-ui, -apple-system, Roboto, "Segoe UI", Ubuntu, sans-serif;
	overflow-y: hidden;
}

video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

header {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	font-size: 4rem;
	font-weight: bold;
	margin-top: 2rem;
}

.landing {
	position: absolute;
	left: 5%;
	top: 15%;
}

.details {
	display: none;
	position: absolute;
	right: 5%;
	top: 10%;
	text-align: end;
}

p {
	font-size: 2rem;
}

h1 {
	font-size: 10rem;
	margin-bottom: 0;
}

.details h1 {
	font-size: 8rem;
}

.contact {
	display: none;
	position: absolute;
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

@media(max-width: 1830px) {
	h1 {
		font-size: 5rem;
	}

	.details h1 {
		font-size: 4rem;
	}

	.details {
		top: 20%;
	}
}

@media (max-width: 640px) {
	h1 {
		font-size: 3rem;
	}

	p {
		font-size: 1.5rem;
	}

	.details h1 {
		font-size: 2rem;
	}

	header {
		font-size: 3rem;
	}
}

/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2025 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/
@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-Light.woff2") format("woff2"),
	url("./fonts/Satoshi-Light.woff") format("woff"),
	url("./fonts/Satoshi-Light.ttf") format("truetype");
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-LightItalic.woff2") format("woff2"),
	url("./fonts/Satoshi-LightItalic.woff") format("woff"),
	url("./fonts/Satoshi-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-display: swap;
	font-style: italic;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-Regular.woff2") format("woff2"),
	url("./fonts/Satoshi-Regular.woff") format("woff"),
	url("./fonts/Satoshi-Regular.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-Italic.woff2") format("woff2"),
	url("./fonts/Satoshi-Italic.woff") format("woff"),
	url("./fonts/Satoshi-Italic.ttf") format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-Medium.woff2") format("woff2"),
	url("./fonts/Satoshi-Medium.woff") format("woff"),
	url("./fonts/Satoshi-Medium.ttf") format("truetype");
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-MediumItalic.woff2") format("woff2"),
	url("./fonts/Satoshi-MediumItalic.woff") format("woff"),
	url("./fonts/Satoshi-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-display: swap;
	font-style: italic;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-Bold.woff2") format("woff2"),
	url("./fonts/Satoshi-Bold.woff") format("woff"),
	url("./fonts/Satoshi-Bold.ttf") format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-BoldItalic.woff2") format("woff2"),
	url("./fonts/Satoshi-BoldItalic.woff") format("woff"),
	url("./fonts/Satoshi-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-display: swap;
	font-style: italic;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-Black.woff2") format("woff2"),
	url("./fonts/Satoshi-Black.woff") format("woff"),
	url("./fonts/Satoshi-Black.ttf") format("truetype");
	font-weight: 900;
	font-display: swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("./fonts/Satoshi-BlackItalic.woff2") format("woff2"),
	url("./fonts/Satoshi-BlackItalic.woff") format("woff"),
	url("./fonts/Satoshi-BlackItalic.ttf") format("truetype");
	font-weight: 900;
	font-display: swap;
	font-style: italic;
}