body p.speachBubble {
    transform: translateY(0px);
    text-align: center;
    color: var(--on-surface);
    background-color: var(--surface);
    padding: 2.5rem;
    border-radius: 0.5rem;
    position: relative;
    font-weight: 350;
    line-height: normal;
    font-size: 1.3rem;
    margin: 0;
}

    body p.speachBubble:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 40px solid var(--surface);
        border-right: 40px solid transparent;
        border-top: 30px solid var(--surface);
        border-bottom: 30px solid transparent;
        left: 0px;
        bottom: -30px;
    }