center, isindex, menu, dir,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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 101%;font-family: inherit;font-variant: inherit;vertical-align: baseline;
}


/* schwarz rgba(0, 0, 0, 1); */
/* rot rgba(227, 6, 19, 1); */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Presentational styles */
body {
  display: grid;
  font-family: system-ui, sans;
  font-size: 3.5rem;
  font-weight: 700;
  height: 100vh;
  place-items: center;
}

strong, b{
	font-weight: bold;
}

img {
	width: 100%; 
	height: auto;

}



header p{
	color:#595959;
	width:100%;
	text-align:center;
	font-size:1rem;
	padding:.2rem 1rem;
}

a {
  color: #595959;
  position: relative;
  text-decoration: none;
  border:2px solid rgba(149, 27, 129, 1);
  padding:1em;
}


a::before {
  background:rgba(251, 185, 0, 1);
  content: "";
  inset: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}

a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}