@import "fonts";

$col-white: #fff;
$col-bg: #0b1b2e;
$col-accent: #845368;


/* Global */

*,
*:before,
*:after {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	background-color: $col-bg;
	color: $col-white;

	line-height: 1.5;
	font-family: "moderat", sans-serif;
}

img {
	display: block;
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

.text-bold {
	font-weight: bold;
}

section {
	padding-top: 3rem;
}

/* Specific */

footer {
	$logo-radius: 4.5em;
	position: relative;
	text-align: center;
	padding: $logo-radius+1 2em 2em 2em;
	margin-top: $logo-radius+4;

	border-top: 1px solid #5d6e81;

	&:before {
		content: "";
		position: absolute;
		top: -$logo-radius;
		left: 50%;
		transform: translatex(-$logo-radius);
		height: $logo-radius*2;
		width: $logo-radius*2;
		border: 1px solid #5d6e81;
		border-radius: 50%;
		background-image: url("/static/pedf-logo-white.svg");
		background-position: center;
		background-size: 75%;
		background-repeat: no-repeat;
		background-color: $col-bg;
	}
}

section.partners {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

	img {
		width: clamp(20rem, 80vw, 0);
		padding: 1.5em;
	}
}