svg.particle-content {
    /* width: fit-content; */
    /* padding: 2px; */
    position: relative;
    left: 50%;
    top: 20%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    /* border: 5px solid red; */
}

div.particle-content {
    position: absolute;
    left: 50%;
    top: 20%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 70%;
    width: 100%;
    /* border: 5px solid green; */
}

line.jet {
    stroke:rgb(218, 224, 28);
    stroke-width:2;
    margin:5px;
}


ellipse.text-1 {
    fill:rgb(243, 163, 16);
    stroke:rgb(0, 0, 0);
    stroke-width:1;
    margin:5px;
    /* transition: transform .2s; */
}

ellipse.text-1:hover{
    cursor:pointer;
    /* transform: scale(1.2); */
}

ellipse.text-2 {
    fill:rgb(255, 0, 111);
    margin:5px;
    /* stroke:green;
    stroke-width:3 */
}

ellipse.text-2:hover{
    cursor:pointer;
}

div.text-1 {
    background-color: rgb(226, 161, 21);
    position: absolute;
    width:fit-content;
    height:fit-content;
    padding:5px;
    border-radius: 25px;
    border: 2px solid black;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform .2s; /* Animation */
}

div.text-1:hover{
    transform: scale(6);
}

div.text-2 {
    background-color: rgb(255, 0, 111);
    position: absolute;
    width:fit-content;
    height:fit-content;
    padding:5px;
    border-radius: 25px;
    border: 2px solid black;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform .2s; /* Animation */
}

div.text-2:hover{
    transform: scale(6);
}

p.particle-text {
    font-size: 2.5pt;
    text-align: center; 
    font-weight: 700;
    /* -ms-transform: translate(-50%, -50%);
    transform: translate(-25%, -80%); */
}

a {
    color: inherit;
    text-decoration: none;
}