body {
    font-family: 'Noto Sans Sinhala', sans-serif;
}
.container {
    margin-top: 20px;
}
textarea {
    width: 100%;
    height: 150px;
    font-size: 16px;
}
.output {
    margin-top: 10px;
    font-size: 16px;
}
.button {
    font-size: 25px;
    padding:5.5px 15px 5.5px 15px;
}
.mic-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.mic-animation {
    animation: micPulse 1s infinite;
}
@keyframes micPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.si{
    font-family: "Noto Sans Sinhala", sans-serif;
}

.si2{
    font-family: "Noto Serif Sinhala", serif;
}

.rubik{
    font-family: "Rubik", sans-serif;
}

.abhaya-libre{
    font-family: "Abhaya Libre", serif;
}

@font-face {
    font-family: 'fm-abhaya';
    src: url('../fonts/fm-abhaya.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.fm-abhaya {
    font-family: 'fm-abhaya', sans-serif; /* Added fallback font */
}


.font-list, .updates-list {
    list-style-type: none;
    padding-left: 0;
}
.font-list li {
    margin-bottom: 5px;
}
.font-list li i {
    color: #007bff; /* Color for the icons */
    margin-right: 8px;
}

#textArea, #convertedOutput{
    height: 200px;
}