@font-face {
  font-family: 'Aureva';
  src: url('Aureva.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html, body {margin: 0; height: 100%; width: 100%; overflow: hidden}


body{
	background: #0B0D10;
	color: #F5F5F5;
	overflow-x: hidden;
	overflow-y: hidden;
 	overflow: hidden;
	moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	font-family: 'Aureva', sans-serif;
 
}

div#loader_container {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

div#pxs_logo {
    /* width: 510px; */
    margin: auto;
    padding: 10px;
    min-height: 210px;
}




div#pxs_logo_title {
    font-size: clamp(40px, 5vw, 70px);
}

div#pxs_logo_subtitle {
    letter-spacing: 9px;
    font-size: clamp(20px, 5vw, 28px);
}

div#pxs_logo_slogan {
    margin-top: 28px;
    letter-spacing: 6px;
    font-size: 12px;
    color: #a1a1a1;
    font-family: Arial;
}

div#pxs_logo_slogan1 {
    margin-top: 7px;
}

div#pxs_logo_title {}

.loader-bar {
  position: relative;
  width: 119px;
  height: 1px;
  background: #454748;
  overflow: hidden;
  margin-top: 15px;
}

 

 

 

.loader-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #878997;
}

 

div#pxs_logo_slogan2 {
    margin-top: 7px;
}

.enter {
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
 
  display: none;
  margin-top: 30px;
  letter-spacing: 5px;
  font-size: clamp(14px, 3vw, 16px);
  color: rgb(193 193 193);
  font-family: Arial;
}

/* subtle underline εμφανίζεται στο hover */
 

/* hover */
.enter:hover {
  color: #ffffff;
  letter-spacing: 6px;
}