body{
    background-image: url("global.jpg");
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
}
section{
    padding: 10%;
}
#country{
    width: 30%;
    height: 40px;
    background-color: rgb(244, 244, 65);
    font-size: 0.6em;
}
#amount{
    width: 20%;
    height: 40px;
    background-color: rgb(244, 244, 65);
    font-size: 0.6em;
}
button{
    width: 20%;
    height: 40px;
    background-color: green;
    color: white;
    font-size: 0.6em;
}
@media screen and (max-width: 1242px){
    #country, #amount, button{
       font-size: 0.5em;
    }
}
@media screen and (max-width: 950px){
    h1{
        padding-bottom: 50px;
    }
    #together{
        display: flex;
        flex-direction: column;
    }
    #country, #amount, button{
       font-size: 0.6em;
       width: 60%;
       margin-bottom: 6px;
    }
}
@media screen and (max-width: 638px){
    body{
        font-size: 1.5em;
    }
     #country, #amount{
       margin-bottom: 10px;
    }
    button{
        margin-bottom: 100px;
        /* padding-bottom: 100px; */
    }
}
@media screen and (max-width: 400px){
    h1{
        font-size: 1em;
        margin-bottom: 100px;
    }
    h2{
        font-size: 1em;
    }
}