/* 

	 Landing 2026 Race Wars

	 info@alwaysawake.be

*/

@import url(https://fonts.bunny.net/css?family=Barlow:400,400i,600,700,700i);

/* Basics */

html { color: #fefefe; font-family: 'Barlow', sans-serif; font-weight: 400; font-size: 17px; width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; height: 100%;	background: #000000; }
*, *:before, *:after { box-sizing: border-box; }
img { border: 0; display: block; }
h1, h2, h3, p, a { padding: 0; margin: 0; font-weight: normal; }
b, strong { font-weight: 700; }
a { text-decoration: none; }
.clear { clear: both; }
.responsive-show { display: none !important; }

#bg { position: fixed; width: 100vw; height: 100vh; background: url("/2026-landing/bg-2160x1080px.jpg") no-repeat center center; background-size: cover; }
#content { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding: 30px 40px; }
#caption { position: relative; padding: 20px; max-width: 80vw; text-align: center; }
#caption h1 { font-size: 8vw; text-transform: uppercase; font-style: italic; font-weight: 700; }
#caption p { line-height: 1.2em; }
#socials { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; gap: 10px; }
#socials a { position: relative; text-transform: uppercase; background: rgba(255,255,255,.8); color: #000000; border-radius: 32px; padding: 12px 24px; }
#socials a:hover { background: #FFFFFF; }
#tickets { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; gap: 10px; }
#tickets a { position: relative; font-size: 32px; font-weight: 700; text-transform: uppercase; background: #F2C802; color: #145F4B; border-radius: 32px; padding: 12px 24px; }
#tickets a:hover { background: #FFFFFF; }

@media only screen and (orientation: portrait) { #bg { background: url("/2026-landing/bg-1080x1920px.jpg") no-repeat center center; background-size: cover; } }