@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@1&family=Rokkitt:wght@300;700;800&display=swap');
body{
    background-color: #333333;
    color: #ffffff;
    max-width: 600px;
    margin: auto;
    font-family: 'Rokkitt', serif;

}
h1{
    text-align: center;
}
#input-text{
    display: block;
    width: 100%;
    height: 20vh;
    padding: 1rem;
    margin:1rem;
    font-family: 'Rokkitt', serif;

    font-size: large;

    

}
#btn-translate{
    padding: 1rem;
    margin:1rem;
    height: 50px;
    max-width: 90px;
    font-family: 'Rokkitt', serif;
    font-size: medium;

}
p{
    /* padding: 1rem; */
    margin:1rem;
}
#output-area{
    /* padding: 1rem; */
    margin:1rem;
    display: block;
    width: 100%;
    height: 20vh;
    margin: 1rem;
    padding: 1rem;
    color:#333333;
    background-color: #ffffff;
}
footer{
    width: 100%;
    margin: 1rem;
    padding: 1rem;
    text-align: center;
}