/*
	Theme Name: WPXNG
	Theme URI: https://pixelpirate.fr
	Author: pixelpirate
	Author URI: https://pixelpirate.fr
	Description: REST API Base theme for Wordpress
	Requires at least: 5.9
	Tested up to: 6.1
	Requires PHP: 8.1
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: WPXNG
	Tags: rest

	WPXNG Theme, (C) 2023 Jonathan Juste
	WPXNG is distributed under the terms of the GNU GPL.
*/

:root {
	--color-primary: #b71f22;
	--white: #f9f8f8;
	--black: #222222;

	--border-size: 4px;
	--font-text: monospace;

	--gap: 3rem;
	--gap--small: 1.5rem;

	--transition-duration: .1s;
	--transition-timing: ease-out;
}

* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: var(--gap);
	color: var(--black);
	font-size: 1.8rem;
	font-family: var(--font-text);
	text-align: center;
	background-color: var(--white);
}

h1 {
	margin: 0;
	font-weight: 800;
}

a {
	color: var(--color-primary);
}

.button {
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	min-width: 150px;
	padding: 1rem 2rem;
	color: var(--white);
	font-weight: 400;
	font-family: var(--font-text);
	line-height: 1.5em;
	text-decoration: none;
	background-color: transparent;
	background-color: var(--color-primary);
	border-radius: 100px;
	transition: transform var(--transition-duration) var(--transition-timing);
}

.button:hover {
	color: var(--white);
	text-decoration: none;
	background-color: var(--color-primary);
	transform: scale(1.05);
}

.logo {
	width: 6.5rem;
	height: 6.5rem;
	margin: 0;
}

.content {
	display: flex;
	flex-direction: column;
	gap: var(--gap--small);
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}