/* xanh-mono-regular - latin-ext_latin */
    @font-face {
      font-display: swap;
      font-family: 'Xanh Mono';
      font-style: normal;
      font-weight: 400;
      src: url('./fonts/xanh-mono-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
      src: url('./fonts/xanh-mono-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/xanh-mono-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/xanh-mono-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/xanh-mono-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/xanh-mono-v17-latin-ext_latin-regular.svg#XanhMono') format('svg'); /* Legacy iOS */
}

/* general settings */ 
body {
  background-color: #000000;
  color: white;
  font-family: 'Xanh Mono', monospace;
  font-size: 1em;
}
  

a {
  color:white;
  text-decoration: underline;
}

a:visited  {
  color:#00a8b2; 
  text-decoration: underline;
}

a:hover  {
  text-decoration: underline;
  background-color: black;
  color:#94f3ff;
  letter-spacing:0.5em;
  -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	
}

/* entry page */

#entry-container {
  position:relative;
  display:inline-block;
  width:100%;
  }

#entry {
  display:block;
  max-width:100%;
  margin:auto;}

#enter {
  position:absolute;
  top: 50%; 
  left:50%;
  transform: translateY(-50%);
  text-align:center;
  text-decoration:underline;}

/* home page */

.header {
  width:100%;
  margin: 4em auto;
  text-align:center;
  
}

.construction {
  overflow:hidden;
  padding:2em;
  text-align:right;
  font-style:italic;}