*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
body { 
	font-family: courier;
	background-image: linear-gradient(azure,#A7C7E7); background-repeat: no-repeat; background-attachment: fixed;
}
img, picture, video, canvas, svg {
	display: block;	max-width: 100%;
}
input, button, textarea, select {
	font: inherit;
}
h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
	margin: 2rem;
	padding: 0;
	font-weight: normal;
}
h1 { font-size: 3rem; }
h2 { font-size: 3rem; }
h3 { font-size: 2rem; }
h4 { font-size: 1.5rem; }
p, ul, ol, dl {	line-height:1.5; margin: 18px 36px; }
ul, ol, dl { padding-left: 18px; }
.container { max-width: 1600px; margin: 0 auto; padding: 0.5rem; } 
.berry {
	border-radius: 50%; position: relative;
	border: 5px #3e7cc2 solid;
	box-shadow: 3px 3px 0px navy;
	transition: scale 0.5s ease;
	margin: 1.25em; display: inline-block;
	height: 7rem; width: 7rem;
}
.berry:hover { scale: 1.25; }
.logo { background: url('img/logo.jpg'); background-size: cover;
	opacity: 1 !important; animation: none !important;
}