:root {
    --primary: #b5e100;
    --grey: #819395;
    --dark: #262830;

    --sm: 8px;
    --md: 16px;
}

@font-face {
    font-family: 'Gilroy Extrabold';
    src: url('./fonts/gilroy-extrabold.otf');
    font-weight: normal;
    font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100vh;
	width: 100vw;
}

.container {
	width: 100%;
	height: 100%;
	background-color: var(--primary);
}

#logotype {
	width: 288px;
}

#coming-soon-container {
	position: relative;
	bottom: 33px;
}

#coming-soon {
	top: 13px;
	width: 222px;
}

@media only screen and (max-width: 756px) {
	#logotype {
		width: 188px;
	}
	#coming-soon {
		top: 10px;
		width: 155px;
	}
}


/* helper classes */
.pos-rel { position: relative; }
.d-flex { display: flex; }
.justify-content-center { justify-content: center; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.ml-sm { margin-left: var(--md); }