.closest-tasks-date {width: 33%;text-align: right;height: max-content;}.dot {height: 25px;width: 25px;border-radius: 50%;display: inline-block;border-color: black;border-style: solid;padding: 5%;height: inherit;width: inherit;}.first-row .circle-span {height: 60px;width: 60px;}.first-row .two-line-text {font-size: 2.5vh;}.second-row .circle-span {height: 50px;width: 50px;}.second-row .two-line-text {font-size:2.3vh;}.third-row .circle-span {height: 40px;width: 40px;}.third-row .two-line-text {font-size:2.1vh;}.fourth-row .circle-span {height: 30px;width:  30px;}.fourth-row .two-line-text {font-size:1.9vh;}.fifth-row .circle-span {height: 20px;width: 20px;}.fifth-row .two-line-text {font-size:1.7vh;}.sixth-row .circle-span {height: 10px;width: 10px;}.sixth-row .two-line-text {font-size:1.5vh;}.two-line-text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;width: max-content;padding-left: 1px;max-width: 45%;min-width: 45%;height: max-content;}