:root {
	/* 	Set cube size */
	--w: 245px;
	--h: 245px;

	/* 	Other variables */
	--start-pos: translateZ(-8rem) rotateX(330deg) rotateY(-45deg);
	--end-pos: translateZ(-8rem) rotateY(180deg);
	--anim-duration: 350ms;
	--half-w: calc(var(--w) / 2);
	--half-h: calc(var(--h) / 2);
}

html, body, #root {
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    height: 100%;
}