body,div,span{
    margin:0;padding:0;border:0;
    overflow:hidden;
}
body,html {
  height:99.9vh;
  
  overflow: hidden;
  margin:0;padding:0;border:0;
}
* {
    -webkit-tap-highlight-color: transparent;
}
.vermelho_circulo {
    color:#ff3300;
}

.vermelho {
    color:#ff0000;
}

.verde {
    color: #66ff00;
}
.amarelo {
  color: #ffff00;
}

.roxo {
  color: #9933ff;
}

.palco_central {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  max-height: 100vh;
  background:blue;
}
.c2{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  
}
.invisivel {
    visibility: hidden;
    
}


.palavra_animacao{
	-webkit-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s;
}
.palavra_0 {
    visibility: hidden;
}
.palavra_0 .l1 {
    margin-left:-2vw;
    margin-right:-2vw;
}
.palavra_0 .ll {
    margin-left:-3vw;
    margin-right:-2vw;
    
}
.palavra_0 div {
  display:inline-block;  
  width:23vw;
}
.palavra_0 span {
    visibility: hidden;
}
.palavra_0 .s0 {
    width:100%;
}


h1 {
    position: relative;
    width: 551px;
    height: 551px;
    margin: 1rem auto;
    text-transform: uppercase;
    background: radial-gradient(orchid, slateBlue);
    color: white;
    border-radius: 50%;
    animation: rotation 8s infinite linear;
  }
  .rodar {
    animation: rotation 20s infinite linear;
  }
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
    
  .char {
    --i: calc(100% / (var(--char-total) + 1));
    position: absolute;
   
    offset-path: path('M225.5.5c124.3 0 225 100.7 225 225s-100.7 225-225 225S.5 349.8.5 225.5 101.2.5 225.5.5');
    offset-distance: calc(var(--i) * var(--char-index));
  /*  offset-anchor: top; FF only */
    padding-top: 4rem;
   
  }
  .container {
    /*centers in the container*/
    text-align: center;
    border-radius: 50%;
  }
  div.circTxt {
    /*allows for centering*/
    display: inline-block;
    /*adjust as needed*/
    margin-bottom: 128px;
    color: whitesmoke;
  }