body {
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-family: 'Jakarta', sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "pnum";
	font-feature-settings: "pnum";
	font-variant-numeric: proportional-nums;
    background: #000;
    color: #fff;
}

#video{
    height: 100%;
    width: 100%;
}

#video-holder{
    height: max(400px, 70vh);
    margin-top: 15;
}

#video-container{
    height: calc(90vh - 100px);
    position: relative;
}

#logo{
    text-align: center;
    font-weight: 400;
    font-family: 'Press Start 2P', cursive;
    /* purple color */
    color: orange;
}

#logo-holder{
    height: 100px;
}