.container
{
    margin: 150px 0px 100px 0px;
    display: flex;
    align-items:baseline;
    justify-content: left;
    color: white;
    padding-left: 80px;
}

.text-container
{
    width: 30%;
    margin-left: 80px;
}

.container p {
    /* display: flex; */
    /* width: 15%; */
    font-family: poppins-light;
    overflow-wrap: break-word; /* Prevents text from overflowing */
    /* padding: 0px 10px; */
}

.container h3
{
    /* display: flex; */
    font-family: patua-one;
    font-size: x-large;
    /* width: 15%; */
    overflow-wrap: break-word; /* Prevents text from overflowing */
    /* margin-left: 30px; */
    /* padding-left: 40px; */
    /* padding: 0px 30px 0px 0px; */
}

.animation-container {
  position: relative;
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0px 30px;
  border: solid white 2px;
  box-sizing: border-box;
}

.dot
{
  width: 1vw;
  height: 1vw;
  border-radius: 50%;
  margin: 1.5vw;
  background: turquoise;
  border: 2px solid transparent; /* initial transparent border */
  box-sizing: border-box; /* to include the border in element's total width and height */
}

.to-red {
  animation-name: toRed;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes toRed {
  0% {background: turquoise; border-color: transparent;}
  25% {background: #00acff; border-color: #00acff;}
  50% {background: transparent; border-color: #00acff;}
  75% {background: #00acff; border-color: #00acff;}
  100% {background: turquoise; border-color: transparent;}
}

.to-yellow {
  animation-name: toYellow;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes toYellow {
  0% {background: turquoise; filter: blur(0px); border-color: transparent;}
  25% {background: #3b00ff; filter: blur(0px); border-color: #3b00ff;}
  50% {background: #3b00ff; filter: blur(5px); border-color: #3b00ff;}
  75% {background: #3b00ff; filter: blur(0px); border-color: #3b00ff;}
  100% {background: turquoise; filter: blur(0px); border-color: transparent;}
}