*,*:before,*:after{box-sizing:border-box}
html {height: 100%;overflow-x: hidden}
body {
    background: #fff;
    color: #333;
    height: 100%;
    font-family: 'Parisienne', serif;
	margin: 0;
	padding: 20px;
	font-weight: normal;
	line-height: 1.5;
}
article {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    text-align: center;
	gap: 40px;
}

h1,h2 {margin: 0}
h1{font-size: 40px}
h2 {font-size: 30px}
@media (min-width: 800px) {
h1{font-size: 60px}
h2 {font-size: 40px}
}