@font-face {
font-family: "Atkinson Hyperlegible";
src: url("fonts/AtkinsonHyperlegible-Regular.ttf");
}

body {
font-family: "Atkinson Hyperlegible";
}

body h1 {
font-style: normal;
font-size: 95px;
font-weight: bold;
text-align: center;
margin-top: 20px;
}

body h2 {
text-align: center;
}

footer, footer a:link, footer a:visited, footer a:active {
text-align: center;
font-weight: bold;
color: #000;
}

:host,:root {
	--pico-font-family-sans-serif: "Atkinson Hyperlegible", system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif,var(--pico-font-family-emoji);
}

.terms h1, .terms h2 {
font-size: var(--pico-font-size);
text-align: left;
}

body main {
background: right 200px no-repeat url("images/store-shelve-mascot.webp");
}

body main.terms {
background: none;
}

body main ul li a {
/*text-shadow: -1px -1px 10px #fff, 1px -1px 10px #fff, -1px 1px 15px #fff, 1px 1px 15px #fff;*/
}

@media (max-width: 960px) {
	body main {
	background-color: rgba(255,255,255,0.88);
	background-blend-mode: lighten;
	}
}