* {
	margin:0;
	padding:0;
}


@font-face {
	font-family:'Ebrima-Bold';
	src:url("fonts/ebrimabd.otf") format("opentype");
}
@font-face {
	font-family:'verdanab';
	src:url("fonts/verdanab.otf") format("opentype");
}


body {
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	font-family: 'Ebrima-Bold','verdanab','helvetica';
	background-color:#000;
	overflow:hidden;
}



a {
	outline:none;
}



#errpopup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 200;
}

#errbox {
  position: absolute;
  top: 10vh;
  left: 20vw;
  width: 60vw;
  height: 60vh;
  border: none;
  border-radius: 16px;
  background: linear-gradient(145deg, #1e2a30, #2a3d45);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(0, 178, 233, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#errtitle {
  position: absolute;
  top: 5vh;
  left: 5vw;
  height: 7vh;
  width: 50vw;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 6vh;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
}

#errbody {
  position: absolute;
  top: 20vh;
  left: 5vw;
  height: 7vh;
  width: 50vw;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 6vh;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 1.6;
}
