@font-face {
    font-family: Sanketi;
    src: local("Kannada Sanketi Mod"), url("Kannada Sanketi Mod.otf") format('opentype');
}
body {
    touch-action: manipulation;
}
textarea {
    resize: none;
    padding: 5px;
    width: 85%;
    height: 20vh;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    font-family: Sanketi;
    font-size: 125%;
}
#keyboard {
    display: flex;
}
.keyboardPart {
    display: grid;
    grid-template-rows: repeat(5,1fr);
    gap: 5px;
    margin: 0 auto;
    justify-content: center;
}
#swara {
    grid-template-columns: repeat(4,1fr);
    width: 20%;
}
#vyanjana {
    grid-template-columns: repeat(7,1fr);
    width: 35%;
}
#symbol {
    grid-template-columns: repeat(4,1fr);
    width: 20%;
}
.key {
    padding: 10px;
    text-align: center;
    background-color: #cccccc;
    color: #000000;
    border: none;
    cursor: pointer;
    font-family: Sanketi;
    font-size: 150%;
    width: 55px;
    height: 50px;
}