body{
  display:flex;
  align-items:center;
  font-family:sans-serif;
  flex-direction:column;
  height:100vh;
  font-size:6rem;
  -webkit-animation: fill 0.5s infinite alternate;
  background:black;
  width:100vw;
  overflow-x:hidden;
  justify-content:center;
}
.text-move {
	
}
.l{
  width:fit-content;
  white-space:nowrap;
  animation: example 10s linear 0.5s infinite;
	
  -webkit-text-stroke: 1px white;
  -webkit-text-fill-color: black;
}
.r{
  width:fit-content;
  white-space:nowrap;
  animation: example2 10s linear 0.5s infinite;
}

@keyframes example2 {
  0% {      
    margin-right:0%;
    opacity:0%;
 }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    margin-right:-100%;
    opacity:0%;
 }
}
@keyframes example {
  0% {      
    margin-left:0%;
    opacity:0%;
 }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    margin-left:-100%;
    opacity:0%;
 }
}





@import url("https://fonts.googleapis.com/css?family=Montserrat:900");

body {
  font-family: Montserrat, sans-serif;
  margin: 0;
  color: white;
}

#cursor-blob {
  width: 50px;
  height: 50px;
  background: linear-gradient(
    120deg,
    #FF414D,
    #002D40,
    #D9ECF2,
    #F56A79,
    #1AA6B7
  );
  background-size: 1600% 1600%;
  position: absolute;
  mix-blend-mode: difference;
  pointer-events: none;
  z-index: 1;
  
  transition: 0.15s linear;
  animation: blob-radius 5s ease infinite, blob-background 15s ease infinite;
}

.wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background: #111111
}

.link {
  cursor: pointer;
  font-size: 10vw;
  transition: transform 0.25s ease;
}
.link:hover {
  transform: translateX(25px);
}

/* Keyframes */
@keyframes blob-radius {
  0%, 100% { border-radius: 43% 77% 80% 40% / 40% 40% 80% 80%; }
	20% { border-radius: 47% 73% 61% 59% / 47% 75% 45% 73%; }
	40% { border-radius: 46% 74% 74% 46% / 74% 58% 62% 46%; }
	60% { border-radius: 47% 73% 61% 59% / 40% 40% 80% 80%; }
	80% { border-radius: 50% 70% 52% 68% / 51% 61% 59% 69%; }
}
@keyframes blob-background {
  0%, 100% { 
    background-position: 0% 50%; 
  }
  50% { 
    background-position: 100% 50%;
  }
}



/* Clients */

.container-T {
  position: relative;
  width: 100vw;
  overflow: hidden;
}


CURSOR