.underline {
    text-decoration: underline;
}

.doubleunderline {
    text-decoration: underline;
    text-decoration-style: double;
}

.circle {
    display: inline-block;
    padding-bottom: 2px;
    border-radius: 50%;
    background-color: #f0f0f0;
    text-align: center;
    border: 1px solid #000;
    font-weight: bold;
    line-height: 0.8;
}

sub {
    font-size: 0.5em !important;
}

.div-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    /* Adjust the width as needed */
    height: 200px;
    /* Adjust the height as needed  
*/
}

.circle-container {
    position: relative;
    width: 50vh;
    height: 50vh;
    margin: 0 auto;
    background: url('../images/bg-astro.svg') no-repeat center center;
    background-size: cover;
}

.text-div {
    position: absolute;
    width: 120px;
    height: 60px;
    text-align: center;
    color: black;
    font-size: larger;
    font-weight: 600;
}

.text-div:nth-child(1) {
    top: 14.6%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(2) {
    top: 16.6%;
    left: 66.6%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(3) {
    top: 35.3%;
    left: 74.3%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(4) {
    top: 50%;
    left: 78.3%;
    transform: translate(-50%, -50%);
    text-align: right;
}

.text-div:nth-child(5) {
    top: 66.6%;
    left: 75.3%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(6) {
    top: 83.3%;
    left: 66.6%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(7) {
    top: 87.3%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(8) {
    top: 83.3%;
    left: 33.3%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(9) {
    top: 66.6%;
    left: 18.6%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(10) {
    top: 50%;
    left: 14.6%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(11) {
    top: 35.3%;
    left: 18.6%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(12) {
    top: 21.6%;
    left: 31.3%;
    transform: translate(-50%, -50%);
}

.text-div:nth-child(13) {
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
}