html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 21px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: #0000FF;
	text-underline-offset: 4px;
}

h1, h2 {
	font-size: 20px;
	line-height: 21px;
	font-weight: 400;
}

h2 {
	padding-bottom: 60px;
}

h3, nav ul, .small-text  {
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	letter-spacing: 1%;
}

.small-text {
	line-height: 19px;
}

.number {
	font-size: 13px;
	letter-spacing: 1%;
}

main {
	padding: 15px 15px 50px 15px;
}

header {
	display: grid;
	grid-template-columns: auto auto;
	row-gap: 10px;
	padding: 25px 0;
}

nav ul {
	list-style: none;
	line-height: 72px;
	padding: 0;
	margin: 0;
}

nav li.spacer {
	height: 70px;
}

section {
	padding: 0 0 140px;
	scroll-margin-top: 50px;
}

.caption {
	margin: 15px 0 0 0;
}

.prix {
	padding: 85px 0 15px;
	width: 130px;
}

.svg-flag {
	padding: 70px 0 110px;
}

.center {
	text-align: center;
}

.fullwidthimage {
	display: flex;
	flex-direction: column;
	row-gap: 50px;
}

.fullwidthimage img {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    align-self: flex-start;
}

.download-bio {
	margin-top: 90px;
}

.books {
	display: grid;
	row-gap: 80px;
}

.book img {
	height: 125px;
	margin-bottom: 35px;
	border: 1px solid #000;
}

.exhibition-dates {
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}

.exhibition-dates p:not(:last-child) {
    margin-block-end: 86px;
}

.splash {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.blink1 {
	animation: colorCycle 2s steps(1) infinite;
}

@keyframes colorCycle {
    0%, 100% { fill: #8cc9ea; }
    5.882% { fill: #fff2dc; }
    11.764% { fill: #8baf28; }
    17.646% { fill: #633800; }
    23.528% { fill: #ffcac5; }
    29.41% { fill: #939393; }
    35.292% { fill: #dddddd; }
    41.174% { fill: #ff000b; }
    47.056% { fill: #47443e; }
    52.938% { fill: #ff4200; }
    58.82% { fill: #0014c9; }
    64.702% { fill: #ffd9eb; }
    70.584% { fill: #a1ec65; }
    76.466% { fill: #e74110; }
    82.348% { fill: #000000; }
    88.23% { fill: #a5cdce; }
    94.112% { fill: #fff200; }
}

@media screen and (min-width: 800px) {
	header {
		grid-template-columns: auto auto auto auto;
		padding: 160px 0 110px;
	}

	main {
		padding: 67px 156px 140px;
	}

	.prix {
		width: 100%;
	}

	.center {
		width: 50%;
	}
}