@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
body {
    background-color: #3ae307;
    text-align: center;
    font-family: "Rubik", sans-serif;
}

button {
    font-size: 24pt;
    border-radius: 16px;
    background-color: #e3710770;
    padding: 24px;
}

.sec {
    font-size: 400%;
}

.speech-bubble {
    position: relative;
    background: #0080c0;
    border-radius: .4em;
    max-width: 10%;
    margin: 0 auto;
    padding: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 27px solid transparent;
    border-top-color: #0080c0;
    border-bottom: 0;
    margin-left: -27px;
    margin-bottom: -27px;
}