/*
Theme Name: Joerrens Start
Author: Joerrens Online Marketing AB
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: joerrens-start
*/

:root {
	--joe-brand: #02aeea;
	--joe-action: #016d95;
	--joe-ink: #202124;
	--joe-text: #5f6368;
	--joe-line: #e8eaed;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
	margin: 0;
	display: grid;
	place-items: center;
	padding: 24px 16px;
	font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--joe-text);
	background: #fff;
}

.soon { text-align: center; display: grid; gap: 10px; }
.soon-mark { margin: 0; color: var(--joe-ink); font-size: clamp(28px, 5vw, 44px); font-weight: 600; letter-spacing: -.02em; }
.soon-mark span { color: var(--joe-brand); }
.soon p { margin: 0; }
.soon a { color: var(--joe-action); text-decoration: none; }
.soon a:hover { text-decoration: underline; }