/* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove default padding */ ul[class], ol[class] { padding: 0; } /* Remove default margin */ body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } /* Set core body defaults */ body { min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5; } /* Remove list styles on ul, ol elements with a class attribute */ ul[class], ol[class] { list-style: none; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; } /* Make images easier to work with */ img { max-width: 100%; display: block; } /* Natural flow and rhythm in articles by default */ article > * + * { margin-top: 1em; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: normal; font-style: normal; }

#viewport { background-color: #fff; margin: 0 auto; cursor: pointer; }
#border { pointer-events: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid black; }

/* Utility Classes */
.adSize { width: 728px; height: 90px;}
.vidHid{opacity: 0; visibility: hidden;}
.posAb{position:absolute;}
.posRel{position:relative;}
.topLef{left: 0px; top: 0px;}
.botLef{left: 0px; bottom: 0px;}
.bgDef{background-size: contain !important; background-repeat: no-repeat !important; }
.overFlowHid{overflow: hidden;}

/* Global */
#GL-bg { background-image: url('../assets/GL-bg.jpg'); }
/* #GL-tLogo { background-image: url('../assets/GL-tLogo.png'); } */

/* Frame 1 */
#F1-topBottomDiamond { background-image: url('../assets/F1-topBottomDimond.png'); }
.diamond {
	width: 12px;
	height: 12px;
	top: 42px;
	background: white;
}
#F1-leftDiamond {
	left: 326px;
	-ms-transform: rotate(45deg); /* IE 9 */
	transform: rotate(45deg);
}
#F1-rightDiamond {
	left: 390px;
	-ms-transform: rotate(-45deg); /* IE 9 */
	transform: rotate(-45deg);
}
#F1-tDigit { background-image: url('../assets/F1-tDigit.png'); }
#F1-copy1 { background-image: url('../assets/F1-copy1.png'); }
#F1-copyGlow1 { background-image: url('../assets/F1-copyGlow1.png'); }
#F1-ballLeft { background-image: url('../assets/F1-ballLeft.png'); }
#F1-ballRight { background-image: url('../assets/F1-ballRight.png'); }

/* Frame 2 */
#F2-copy1 { background-image: url('../assets/F2-copy1.png'); }
#F2-copy2 { background-image: url('../assets/F2-copy2.png'); }
#F2-logo1 { background-image: url('../assets/F2-logo1.png'); }

/* Frame 3 */
#F3-copy1 { background-image: url('../assets/F3-copy1.png'); }
#F3-legal { background-image: url('../assets/F3-legal.png'); }