body{
    margin: 0 auto;
}



/*
.SectionBackground ::part(image) {
    object-position: top;
    object-fit: cover;
  }
  @media (min-width: 720px) {
    .SectionBackground ::part(image) {
      object-fit: none;
    }
  }
  @media (min-width: 2600px) {
    .SectionBackground ::part(image) {
      object-fit: cover;
    }
}*/

.nk-namebar-input{
  padding:0 0.75rem;
  width: 16em;
  height: 2em;
  text-align: center;
  font-size: 1em;
  font-family: 'estilo';
  background-color: #ffffff;
  /*background-image: linear-gradient(180deg, #ffffff 0%, #9e7aa5 100%);*/
  border-radius: 5px;
  /*text-shadow: 0 4px 8px rgb(0 0 0 / 20%);
  outline: 0.2em;*/
  z-index: 1;

  position: absolute;
  top: 380px;
  margin-left: -300px;

  align-items: inherit;
  visibility: hidden;
  display: inline-block;
}

.animacion{
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

*{
  box-sizing: border-box;
}

input[type-text]{
  writing-mode: horizontal-tb;
  cursor: text;
  
}