@import url("https://fonts.googleapis.com/css2?family=Allan:wght@400;700&display=swap");

body {
    font-family: 'Allan', cursive;
    margin: 0px;
    font-size: 1.2rem;
    margin: auto;
    text-align: center;
    background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dd83827f-93c1-4bc0-9211-db44ed9ef5eb/da5p9lg-730d39ba-f207-4bb3-b537-4df8e46fccab.png/v1/fill/w_1192,h_670,q_70,strp/donald_duck_by_nateag_da5p9lg-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTQ0MCIsInBhdGgiOiJcL2ZcL2RkODM4MjdmLTkzYzEtNGJjMC05MjExLWRiNDRlZDllZjVlYlwvZGE1cDlsZy03MzBkMzliYS1mMjA3LTRiYjMtYjUzNy00ZGY4ZTQ2ZmNjYWIucG5nIiwid2lkdGgiOiI8PTI1NjAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.ffGjHHQVuBbZcVL9dymM4Ea3FGVrDOWmbpPxXcc001Y");
    background-image:"images/";
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.head {
    background-color: #F9C43D;
    padding: 2rem;
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 4rem;
}

.text-box {
    height: 10vh;
    display: block;
    width: 60%;
    margin: auto;
    padding: 2rem;
    margin-bottom: 2rem;
}

#btn-translate {
    padding: 0.5rem;
    cursor: pointer;
    color: white;
    background-color: #DB2C2D;
    border-radius: 1rem;
    font-weight: 500;
    font-size: large;
    margin: auto;
    margin-bottom: 2rem;

}

.txt-trans {
    margin-bottom: 2rem;
    font-size: 2rem;
    color:white;
}

#output {
    height: 3rem;
    width: 65%;
    border: 3px;
    border: solid black;
    background-color: white;
    margin: auto;
    margin-bottom: 2rem;
    padding: 1rem;
}

.foot {
    background-color: #F9C43D;
    padding: 2rem;
    font-size: 1.5rem;
}

.list-non-bullet{
    list-style: none;
}

.social-links {
    padding-inline-start: 0px;
}

.list-item {
    display: inline;
}

.social-img {
    max-width: 50px;
    padding: 1rem;
}