.traffic{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background: rgb(65, 68, 75);
  width: fit-content;
  border-radius: 40px;
}

.light{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-size: 10px;
}

.red{
  background: rgb(248, 76, 76, .5);
}

.yellow{
  background: rgb(245, 248, 76, .5);
}

.green{
  background: rgb(76, 248, 128, .5);
}

/* turn red on small devices */
/* turn yellow on medium size devices */
/* turn green on large size devices */