/* CSS Document */

.icon {
	filter: drop-shadow(2px 4px 4px grey);
	border-radius: 24px;
}
.dropshadow {
	filter: drop-shadow(2px 4px 4px grey);
}
.headerbg {
	width: 100%;
	background-image: url("../images/bg2.png");
	background-repeat: no-repeat;
	background-position: top;
  background-attachment: fixed;
}
.widebox {
	width: 100%;
	margin-top: -4em;
	padding-top: 6em;
	padding-bottom: 2em;
	background-color: #fcf7cc;
}
.widebox1 {
	width: 100%;
	margin-top: 0em;
	padding-top: 4em;
	padding-bottom: 4em;
}
.wideboxfooter {
	width: 100%;
	margin-top: 0em;
	padding-top: 4em;
	padding-bottom: 1em;
	background-color: #d5f2ff;
}
.feature	{
	filter: drop-shadow(2px 4px 4px grey);
	background-color: #ffde8d;
	border-radius: 24px;
	padding-top: 24px;
}
.screenshot {
	width: 100%;
	border-radius: 12px;
	margin-bottom: 2em;
	filter: drop-shadow(2px 4px 4px grey);
}
.centered {
	text-align: center;
}
html {
  scroll-behavior: smooth;
}