*,*::after,*::before{box-sizing:border-box}*:not(dialog){margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}

:root { 
	--yellow: #FFD964;
	--black: #000000;
	--white: #FFFFFF;
}

html { font-size: 100%; }
body { 
	background-color: var(--yellow); 
	color: var(--black); 
	font-family: system-ui, sans-serif; 
	font-size: 1.4rem;
	font-weight: 400; 
	line-height: 1.6;
	margin: 0; 
	padding: 2rem;
	text-underline-offset: 2px;  
  }
  
.page { margin: 0; padding: 0; }
.container { margin: 8rem auto; max-width: 44rem; text-align: center; }

header { margin: 0 0 4rem 0; }
footer { margin: 4rem 0 0 0; }

img { display: block; margin: 0 auto 2rem auto; width: 100px;  }
p { margin: 0 0 2rem 0; }
small { font-size: 0.8rem; }

a.button { background-color: var(--black); color: var(--white); display: inline-block; margin: 0 auto; padding: 1rem 2rem; text-decoration: none; }
a.button:hover { background-color: var(--white); color: var(--black); }