/* 

	 Landing

	 info@alwaysawake.be

*/

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

/* Basics */

html { color: #fefefe; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 17px; width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; height: 100%;	background: #030711; }
*, *: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.jpg") no-repeat center center; background-size: cover; }
#bg:before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.4)); }
#content { position: relative; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; height: 100%; padding: 80px 40px; }
#caption { position: relative; padding: 20px; max-width: 640px; text-align: center; }
#caption h1 { font-size: 32px; text-transform: uppercase; 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; }