.siri-animation {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(45deg, #6a1b9a, #8e24aa, #ab47bc);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

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

* {
   margin: 0px;
   padding: 0px;
   box-sizing: content-box;
}


body{
  width: 100vw;
 height: 100vh;
overflow: hidden;
color: #fff;
font-family: 'Exo 2';
font-size: 24px;
animation: fadeIn 500ms reverse;
}

.aiorb{
    background-image: linear-gradient(120deg, #525252 0%, #505050 100%);
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    width: 350px; height: 344px;
    animation: morph 10s linear infinite;
    transform-style: preserve-3d;
    outline: 1px solid transparent;
    will-change: border-radius;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.gooey:before,
.gooey:after{
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0; top: 0;
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  box-shadow: 5px 5px 89px rgba(84, 84, 84, 0.427);
  will-change: border-radius, transform, opacity;
  animation-delay: 00ms;
  /* background-image: linear-gradient(120deg, rgba(20, 20, 20, 0.55) 0%, rgba(65, 65, 65, 0.89) 100%); */
  background-image: linear-gradient(120deg, rgb(0 0 0 / 33%) 0%, rgb(51 51 51 / 89%) 100%);
}

.gooey:before{
  animation: morph 10s linear infinite;
  opacity: .21;
  animation-duration: 1.5s;
}

.gooey:after{
  animation: morph 1s linear infinite;
  animation-delay: 400ms;
  opacity: .89;
  content: "";
  line-height: 120px;
  text-indent: -21px;
}

@keyframes morph{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    opacity: .89;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

@keyframes fadeIn{
  100%{
    transform: scale(1.03);
    opacity: 0;
  }
}


.space-bar{
  width: 300px;
}

@keyframes brainpulse {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(1.1);
  }

  100% {
      transform: scale(1);
  }
}
.brain-pulse {
  display: none;
  animation: brainpulse 1s infinite;
}
.xxl-text{
  font-size: 10px;
}