@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Allan&family=Rammetto+One&display=swap");
body {
  font-family: "Rammetto One", cursive;
  text-transform: uppercase;
  overflow-x: hidden;
}

h1 {
  color: #ffffff;
}
/* video styles */
video {
	max-height: 100vh;
	max-width: 100vw;
	width: 100%;
	height: 100%;
    object-fit: cover;
	left: 0;
}

.header {
  position: relative;
  height: 100vh;
  text-align: center;
  justify-content: center;
}

@media screen and (orientation:portrait) {
	video {
		max-height: 100vh;
		max-width: 100vw;
		width: 100%;
		height: 40%;
		object-fit: cover;
		left: 0;
	}
}

@media screen and (orientation:landscape) {
    // CSS applied when the device is in landscape mode
	video {
		max-height: 100vh;
		max-width: 100vw;
		width: 100%;
		height: 100%;
		object-fit: cover;
		left: 0;
		position: absolute;
		top: 0;
	}
}