body{
                //width:100%;
                font-size:20px;
            }

            
            #impress {
            	z-index: 0;
            }
            
            .step {
                text-align:center;
                width:100vmax;
                //width: 120vmin;
                font-size:40px;
                color: rgba(255,255,255,.3);
                line-height: 1.1;
                font-family: "Times New Roman", serif, Helvetica;
                //font-family: sans, Helvetica;
            }
                        
            .hint_text{
                font-size:30px;
                background-color:#EEE;
                padding:15px;
            }

            .fallback-message {
                font-family: sans-serif;
                line-height: 1.3;

                width: 780px;
                padding: 10px 10px 0;
                margin: 20px auto;

                border: 1px solid #E4C652;
                border-radius: 10px;
                background: #EEDC94;
            }

            .fallback-message p {
                margin-bottom: 10px;
            }

            .impress-supported .fallback-message {
                display: none;
            }
            

.impress-enabled, .impress-enabled * {
	pointer-events:auto;
}

/* /////////////////// Bootstrap ///////////// */
.navbar-dark .nav-link, .navbar-dark .navbar-brand, .navbar-dark .navbar-toggler {
	color: silver;
	padding-left: 10px;
	padding-right: 10px;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
	color: black !important;
}

.navbar-dark .navbar-brand {
	padding-left: 10px;
	padding-right: 10px;
	color: silver;
}

.nav-item {
    text-align: right;
    padding-right: 5px;
}

.navbar-dark .navbar-nav .nav-item a:hover, .navbar-nav .navbar-dark .nav-item a:focus,
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    background: transparent;
    color: white !important;
}


.navbar-dark .navbar-toggler-icon {
	color: silver;
	background-image: none !important;
	border: none !important;
}

.navbar-dark .navbar-toggler {
	padding-top: 10px;
}

nav {
	z-index: 1;
}

.navbar-dark a, button.navbar-toggler {
	border: none;
}



/* //////////////// own //////////////////// */


.lgEn {
	//text-decoration:underline;
	z-index:10 !important;
	font-family:SpaceAge
}
.present .lgEn {
	color:white;
}

.lgCn, .lgJp, .lgFr {
	font-size:0.8em;
	z-index:10 !important;
	line-height: 0.8;
}
.lgFr {
	font-style:italic;
}

/* ///////// stars ///////////// */
:root {
	--cloud_x: 10000px;
	--cloud_y: 0px;
	--cloud_anim_how: linear;
	--cloud_anim_sec: 400s;
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:var(--cloud_x) var(--cloud_y);}
}

.stars {
	//animation: move-clouds-back 10000s linear infinite;
	
	// my own face with stars;
	background:#000;
	background-image: url(Dev/stars.png) , url(lib/ext/stars/stars.png) ;
	background-repeat: no-repeat, repeat;
	background-position: center center, top center;
	
	z-index: -3;
}

.twinkling {
	z-index: -2;
}

.clouds {
	animation: move-clouds-back var(--cloud_anim_sec) var(--cloud_anim_how) infinite;
	z-index: -1;
}

/* //////////// Loading /////////// */

#slideLoading {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  height: 100vh;
  overflow: hidden;
  font-size: 0.7em;
}



/**********************************************/
/* Ref: https://www.zachstronaut.com/lab/shine-css3.html */
p.shine
{
    //font-size: 1em;
    margin: 0 auto;
    //width: 700px;
}

.shine, .lgCn, .lgJp, .lgFr {
    background: #222 linear-gradient(to right top, #222, #fff 50%) 0 0 no-repeat;
    background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    
    background-size: 125px;
    -webkit-background-size: 125px;
    
    color: rgba(255, 255, 255, 0.1);
    background-clip: text;
    -webkit-background-clip: text;    
}


.present .shine, .present .lgCn, .present .lgJp, .present .lgFr {
    animation: shine 2s infinite;
    -webkit-animation: shine 2s infinite;
}

@keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: bottom right;
    }
}

/**************************************************/
@font-face {
    font-family: 'SpaceAge';
    src: url('lib/ext/spaceage.eot');
    src: local('☺'), url('lib/ext/spacefont/spaceage.woff') format('woff'), url('lib/ext/spacefont/spaceage.ttf') format('truetype'), url('lib/ext/spacefont/spaceage.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.SpaceFont {
	font-family: SpaceAge;
}