@import 'main.css';
@import 'article-preview.css';
@import 'sorties/list.css';

body {
	background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
	min-height: 100vh;
}

body > main > header {
    text-align: center;
}

body > main > header img {
	width: 3.5em;
	height: 3.5em;
}

body > main > header h1 {
	margin: 0.5rem auto;
}

/* Links are rendered as buttons */
section#bouttons ul {
	list-style: none;
	padding: 0;
	max-width: 20em;
	margin: 0 auto;
}

section#bouttons li {
	margin-bottom: var(--normal-gap);
}

section#bouttons a {
	background-color: white;
	border-radius: 0.5em;
	border: 2px solid black;
	text-decoration: none;
	color: black;
	padding: var(--normal-gap) var(--large-gap);
	display: block;
}

section#bouttons a:hover {
	color: LinkText;
	border-color: LinkText;
}

section#bouttons a::first-letter {
	text-transform: uppercase;
}

section#bouttons span::after {
	content: ' ➔';
}


/* Social links formating */
section#social {
	text-align: center;
}

section#social a {
	display: inline-block;
	font-size: 1.75em;
	margin: 0.25em;
}