html { 
  background: url(img/background.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
	font-family: 'Inter', sans-serif;
}

.centerr {
	width: 800px;
	height: 600px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;/* half width*/
	margin-top:-300px;/* half height*/
}

.centerr p {
	font-size: 2rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin:2rem;
}

.centerr h1 {
	font-size: 5rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin:2rem;
}

.button {
	display: block;
	width: 115px;
	height: 25px;
	background: #FFF;
	padding: 20px 60px;
	text-align: center;
	border-radius: 10px;
	color: #52A2EB;
	font-weight: bold;
	line-height: 25px;
	font-size: x-large;
	display: inline-block;
	text-decoration: none;
}

.footerr {
	width: 800px;
	left:50%;
	margin-left:-400px;/* half width*/
	position:absolute;
	/*bottom: 10px;*/
	margin-top: 5rem;
}

.footerr p {
	font-size: 1.5rem;
	color: #ffffff99;
	/*text-align: center;
	font-weight: bold;*/
	margin:1rem;
}


#app_error_body {
	width: fit-content;
    margin-left: unset;
    margin-top: unset;
	top: unset;
	left: unset;
}

@media only screen and (hover: none) and (pointer: coarse){


.centerr {
width: 100%;
height: unset;
position: absolute;
 top: unset;
 left: unset;
 margin-left: unset;
 margin-top: unset;
padding-top:9rem;
}

.centerr p {
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin:1rem;
}

.centerr h1 {
	font-size: 2rem;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin:2rem;
}

.footerr {
	width: 100%;
	left:unset;
	margin-left:unset;/* half width*/
	position:absolute;
	/*bottom: 10px;*/
}

.footerr p {
	font-size: 1rem;
	color: #ffffff99;
	/*text-align: center;
	font-weight: bold;*/
	margin:1rem;
}

}