html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {box-sizing: border-box;
}

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

body {background-color: rgb(182, 208, 226);
margin: 3%;
border: 6px solid rgb(31, 81, 255);
}

.grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr); 
grid-template-rows: repeat(3, auto); 
gap: 20px;
padding: 10px;
}

.grid-item {
text-align: center;
border: 2px solid rgb(31, 81, 255);
padding: 10px;
}

.grid-item img {
margin-left: auto;
margin-right: auto;
width: 50%;
height: auto;
display: block;
}

p {line-height: 1.5em;
font-size: 16px;
margin: 10px;
text-align: center;
}

img {display: block;
width: auto;
max-width: 300px;
}

h1 {font-size: 50px;
text-align: center;
}

h2 {
font-size: 30px;
text-align: center;
}

footer {
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}