html {
    font-size: 62.5%;
    --color-monzo-red: rgba(225,77,97,0.7);
    --color-monzo-yellow: rgba(230,205,159,0.7);
    --color-monzo-green: rgba(152,186,166,0.7);
    --color-monzo-blue: rgba(36,120,136,0.7);
}

* {
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}

body {
    font-family: 'Niramit', sans-serif;
    font-size: 1.6rem;
    text-rendering: auto;
    line-height: initial;
    /*background-color: #fff6ef;*/
    /*background-color: var(--color-monzo-yellow);*/
    padding: 10px;
}

.app {
    border: solid 4px black;
    border-radius: 30px;
    margin: auto;
    max-width: 500px;
    padding-bottom: 20px;
}

* {
    box-sizing: border-box;
}


.title {
    text-align: center;
    font-weight: bolder;
    font-size: 5rem;
    padding: 20px 20px 0 20px;
}

.subtitle {
    text-align: center;
}