.intervalContainer{
  background-color: rgb(230, 224, 224);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: clamp(30px, 3vw, 40px);
  }

  .interval-sub-container{
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  }

  .interval-sub-container a{
  font-size: clamp(9px, 3vw, 13px);
  color: rgb(34, 34, 34);
  cursor: pointer;
  }

  .interval-sub-container a:hover{
  color: rgb(144, 144, 247);
  }

  .firstInterval{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  width: 350px;
  position: relative;
  visibility: hidden;
  opacity: 0;
  color: black;
  transition: opacity 0.9s ease-out;
  }

  .firstInterval a{
  color: black;
  }

  .secondInterval{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-around;
  width: 350px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.9s ease-out;
  }