@charset 'utf-8';

:root {
	--menubar-height:		 8vw;
	--mb-border-width:		 5px;
	--menubar-bradius:		10px;
	--menubar-width:		calc(100% - calc(var(--mb-border-width) * 2));
	--triangle-color:		black;
	--titlebar-height:		40vw;

	--splashpage-height:		83vw;
	--splashpage-width:		calc(100% - calc(var(--splashpage-bwidth) * 2));
	--splashpage-video-length:	10.0s;
	--splashpage-bradius:		10px;
	--splashpage-bwidth:		 5px;
	--splashy-height:		128vw;

	--container-width:		calc(100% - calc(var(--container-bwidth) * 2));
	--container-bradius:		10px;
	--container-bwidth:		5px;
	--container-transition:		10vw;
	--buffer-bar-height:		8vw;
	--ap1-height:			100vw;
     	--ap2-height:     		80vw;
	--ap3-height:			98vw;

	--trend-container-width:	calc(100% - calc(var(--trend-border-width) * 2));
	--trend-container-height:	52vw;
	--trending-title-height:	10vw;
	--trend-bookimage-height:	30vw; /* Must be less than --trend-container-height  */
	--trending-title-font-size:	4vw;
	--trend-border-width:		5px;
	--trending-bradius:		5px;

	--titlecard-blur:		6px;
	--titlecard-grad-color:		blue;
	--titlecard-width:		calc(100% - calc(var(--titlecard-bwidth) * 2));
	--titlecard-height:		28vw;
	--titlecard-bradius:		 5px;
	--titlecard-bwidth:		 5px;
	--num-trend-containers:		   4;

	--purchase-height:		62vw;
	--purchase-font-height: 	2vw;
	--purchase-font-size:		2vw;
	--purchase-bradius:		5px;
	--purchase-top-percentage:	0%;

	--story-blur:			6px;
	--story-grad-color:		blue;
	--story-width:			calc(100% - calc(var(--story-border-width) * 2));
	--story-height:			28vw;
	--story-height2:		100vw;
	--story-title-height:		10vw;
	--story-title-font-size:	4vw;
	--story-border-width:		5px;
	--story-bradius:	 	10px;
	--story-body-height:		100vh;
	--story-body-width:		calc(100% - calc(var(--story-border-width) * 2));
	--story-text-width:		85%;
	--st-iframe-width:		100%;
	--st-iframe-height:		80vh;
	--story-border-width:		5px;
	--story-bradius:		5px;

	--footer-height: 10vw;
}

html {
	scroll-behavior:	smooth;
}
body {
	margin:			0;
	background-color:	white;
}