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

html,
body {
	height: 100%;
}

body {
	background-color: rgb(155, 200, 155);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-size: 1.125rem;
}

#wrapper {
	margin: 0;
	display: grid;
	place-items: center;
	height: 100vh;
}

#container {
	width: min(80%, 40.5rem);
}

.box {
	background-color: rgb(46, 71, 46);
	color: goldenrod;
	padding: 2em 4em;
	text-align: center;
	box-shadow:
		0 0 0 8px rgb(138, 246, 147),
		0 0 0 16px rgb(66, 121, 93),
		0 0 0 24px rgb(2, 80, 21);
	border-radius: 2em;
}



.box p {
	text-transform: uppercase;
	letter-spacing: 0.5rem;
	font-weight: 600;
	margin: 0;
	padding: 0;
	line-height: 2;
}

.box h1 {
	font-size: 4rem;
	margin: 0;
	padding: 0;
	line-height: 1;
}

@media (max-width: 600px) {

	.box p {
		text-transform: uppercase;
		letter-spacing: 0.3rem;
		font-weight: 600;
	}
	
	.box h1 {
		font-size: 2.5rem;
		margin: 0;
		padding: 0;
	}

}


/*
:root {
	--blau: #1678c4;
	--button: #d6d6d6;
	--white: #f5f5f5;
	--green:#6eb143;

	--ff-ss: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
		Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	--ff-s: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
		Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

	--fc: var(--dark);

	--sec: 2em;
}

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

html,
body {
	height: 50%;
}

body {
	margin: 0;
	padding: 0;
	font-family: var(--ff-ss);
	color: var(--fc);
	font-size: 0.9rem;
	line-height: 1.6;
}

header {
	height: 550px;
	background-color: var(--green);
}

h1,
h2,
h3 {
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
	font-family: var(--ff-s);
	font-weight: 400;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 1.1rem;
	font-weight: 600;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

.image_container {
	margin: 0;
	padding: 0;
	width: 100%;

}
p {
    font-size: 1rem;
}