#sht-045
{
    width: max(100vw, calc(100lvh * 16 / 9));
    height: max(100lvh, calc(100vw * 9 / 16));
    left: calc(50vw - max(50vw, 50lvh * 16 / 9));
    top: calc(50lvh - max(50lvh, 50vw * 9 / 16));
    transform: translateX(0px);
    transform-origin: top left;
}

#section-render-periodic-table .bubbles .text
{
    display: flex;
    flex-direction: column;
}

#section-render-periodic-table .bubbles .text p:nth-child(1)
{
    line-height: 100%;
    margin-bottom: 15px;
    color: #3886ad;
}
#section-render-periodic-table .bubbles .text p:nth-child(2)
{
    margin-bottom: 20px;
    text-align: right;
    transform: translateX(45px);
}
#section-render-periodic-table .bubbles .text p:nth-child(3)
{
    margin-bottom: 110px;
    margin-left: 20px;
}

#section-render-periodic-table .bubbles.tablet.mobile
{
    position: fixed;
    bottom: 0;
    width: 100%;
}

#section-render-periodic-table .bubbles.tablet.mobile .text
{
    margin-left: auto;
    margin-right: auto;
}
#section-render-periodic-table .bubbles.tablet.mobile .text p:nth-child(1)
{
    margin-bottom: 15px;
    color: #3886ad;
}
#section-render-periodic-table .bubbles.tablet.mobile .text p:nth-child(2)
{
    margin-bottom: 20px;
    text-align: left;
    transform: none;
}
#section-render-periodic-table .bubbles.tablet.mobile .text p:nth-child(3)
{
    margin-bottom: 20px;
    margin-left: 0;
}