body{
	font-family: 'Roboto Flex', 'MutatorMathTest', 'Amstelvar';
/*	font-variation-settings: "wdth" 50, "XTRA" 400, "XOPQ" 60; */
	/*font-variation-settings: "wdth" 151, "XTRA" 603, "XOPQ" 175: */
	width: 86vw;
	margin: 8rem auto;
	color: #00f;
	background-color: #ada;
}

:focus, :focus-visible, :active{
	outline: none;
	border: none;
}	
h1{
	font-family: monospace;
	font-style: italic;
	font-size: 1rem;
	font-weight: 400;
}
#current{
	font-weight: 700;
	font-size: 7rem;
	text-transform: uppercase;
	line-height: 1;
	margin: 0;
}
.visible{
  visibility: visible;
  opacity: 1;
  /*transition: opacity 2s linear;*/
  transition: none, none;
}
.disappear {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 4s, opacity 4s linear; 
}