/* 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 {
	overflow: hidden;
	background-color: rgb(0, 0, 0);
	position: relative;
	margin: 0 auto;
	cursor: pointer;
	opacity: 0;
}
#border {
	pointer-events: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #777;
}

/* Utility Classes */
.adSize { width: 300px; height: 600px;}
.visHid{opacity: 0; visibility: hidden;}
.posAb{position:absolute;}
.topLef{left: 0px; top: 0px;}
.botLef{left: 0px; bottom: 0px;}
.topR{right: 0px; top: 0px;}
.botR{right: 0px; bottom: 0px;}
.bgDef{background-size: contain !important; background-repeat: no-repeat !important; }
.overFlowHid{overflow: hidden;}

/* Frame 1 */
#F1-bg { background-color: #141414; }
#F1-bgGlow{ background: no-repeat url("../assets/F1-bgGlow.png"); transform-origin: center center; }
#F1-bgMask { background: no-repeat url("../assets/GL-bgMask.png"); top: -49px; left: -70px; width:421px; height:842px; }
#F1-logo2Con { height: 322px; }
#F1-logo2 { background: no-repeat url("../assets/F1-logo2.png"); height: 302px; }
#F1-logo1 { background: no-repeat url("../assets/F1-logo1.png"); }

/* Frame 2 */
#F2-bg { background: no-repeat url("../assets/F2-bg.jpg"); }
.F2-copy1 { transform-origin: center 281px; }
#F2-copy1 { background: no-repeat url("../assets/F2-copy1.png"); }