@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');

.welcome { 
/*  font-family: 'Advent Pro', sans-serif; */
/*  font-family: 'Open Sans', sans-serif; */
  font-family: 'Didact Gothic', sans-serif;
  color: #cecece;
/*  background-color: #222;
    overflow: hidden;       */ 
    background-color: #222;
    height: 100vh;
    width: 100vw;
    margin-left: calc(-50vw + 50% - 8px);
    position: relative;  
}
.item-1, 
.item-2, 
.item-3 {
    font-family: 'Didact Gothic', sans-serif;
    color: #cecece;
	position: absolute;
	display: block;
/*	top: 1em;  */
	width: 90%;
	font-size: 3vw; 
	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 8.3% { right: -100%; opacity: 0; }
  8.3%,25% { right: 5%; opacity: 1; }
  33.33%, 100% { right: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { right: -100%; opacity: 0; }
  41.63%, 58.29% { right: 5%; opacity: 1; }
  66.66%, 100% { right: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { right: -100%; opacity: 0; }
  74.96%, 91.62% { right: 5%; opacity: 1; }
  100% { right: 110%; opacity: 0; }
}









/* ------------------------------------------------------------------------------------- */

.centered_top {
  max-height: 50%;
  max-width: 50%;
  max-width: 300px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: auto;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.centered {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  margin: auto;
}

body {
    margin : 0;
}


.outer-container {
    position : absolute;
    display: table;
    width: 100%;
    height: 100%;
    background: #ccc;
}

.inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.centered-content {
    display: inline-block;
    background: #fff;
    padding : 12px;
    border : 1px solid #000;
}

img {
   max-width : 100%;
}

.welcometext {
  overflow-y: auto;
  overflow-x: hidden;
}

.kena {
  width: 30%;
}