:root {
  --fit01: 0.15; 
  --pose02: -2600px; 
  --pose01: -3800px; 
}

.gridly-copy-full {
	padding: 0em;
}
.gridly-copy-child{
	max-width: 100vw;
}
h1 { display: none;}
.down_page { display: none;}




.empatie{ 
font-family: 'empatie', empatie, sans-serif;
}
.strast{ 
font-family: 'strast', strast, sans-serif;
}
.real{ 
font-family: 'real', sans-serif;
}
.realbold{ 
font-family: 'realbold', sans-serif;
}
.mobile{
  width: 40vw; 
  height: 100vh; 
  background-color: black;
  margin: auto;
  display: inline-block;
  padding: 2vh 0 0 0;
  /*overflow: hidden;*/
  /*transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);*/
   /* width: 680px;
  height: 320px;*/
  border-radius: 20px; 
}
.mobile p{
 margin: 0;
  padding: 0;
}
.message{
color: white;
position: relative;
white-space: nowrap;
/*left: 0vh;*/
  width: 40vw;
  margin: auto;
    filter: saturate(0) hue-rotate(300deg) brightness(100%) contrast(216%);
}

.def {
	white-space: nowrap;
    transform-origin: left;
	color: white;
}
.texto{
  text-transform: uppercase;
  color: white;
  /*transform-origin: left center;*/
  font-size: 10em;
  line-height: 100%;
  display: table;
  transform: translateY(20000px, 0px)
  
}
.left{
 transform-origin: left center; 
  width: 400px;
  
}
.one{
 /*display: none;*/
}
.visible{
  display: block;
}
.bounceInRight {
  animation-delay: 0s;
  animation-name: bounceInRight;
  animation-duration: 1s;
  animation-fill-mode: both;
  /*animation-iteration-count: infinite;*/
  }
  @keyframes bounceInRight {

  0% {
  opacity: 0;
    word-spacing: 40em;
    
  }
  35% {
   
     
  }
  55% {
   opacity: 1;  
    
  }
  90% {
    
  }
  100% {
    opacity: 1;
  }
  } 
.bounceOutLeft {
  animation-delay: 0s;
  animation-name: bounceOutLeft;
  animation-duration: 3s; /*2s*/
  animation-fill-mode: both;
  }
 
  
  @keyframes bounceOutLeft {
  0% {
    opacity: 1;
    word-spacing: 0em;
  }  
  15% {
 opacity: 1; 
  }
  30% {
 opacity: 0;
  
   
  }
    80% {
 opacity: 0;
  word-spacing: 5em;
   
  }

  100% {
  opacity: 0;
    
   
  }
  } 
 
.mobile svg {  
 animation: mymove 12s infinite linear; /*18*/
  transform-origin: center center;
}

@keyframes mymove {
 0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
}
.medium {
	position:absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 30;
}

.neoego-emoticon {
	position:absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	transform: scale(0.8);
	transform-origin: center center;
}
.planet { 	
	position:absolute;
	width: 100%;
	
	top: 0;
	left: 0;
	background-color: black; 
	border-radius: 50%;
	z-index: 10;
	transform: scale(1);
	transform-origin: center center;
	}

.clowds {
 	animation: sprite-animation 4s steps(40,end) infinite;
  background: url('https://neoego.org/wp-content/uploads/2026/05/clowds41loop050526.svg') no-repeat;
	background-size: 100%;
  height: 40vw;
  position: relative;
	width: 88%;
   z-index: 12;
   left: 5%;
   top: 5%;
}

@keyframes sprite-animation { 
  0% { background-position: 0 0%; }
  100% { background-position: 0 100%; }
}
/* emoji container*/
    * {box-sizing: border-box;}    
    .emojiFrame {display: none;}
    img {vertical-align: middle;}
   .emoji-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
    }

@media screen and (max-width: 782px){
.message{
  width: 90vw;
	
  }	
	.mobile{
  width: 90vw;
	height:60vh;
		overflow: hidden;
  }	
		}