* {
    box-sizing: border-box;
    background-color: #0b7dda;
    margin-top: 20px;
    font-family: "Berlin Sans FB";
    margin-left: 30px;
    color: antiquewhite;
}
input {
    width: 350px;
    height: 40px;
    background-color: darkkhaki;
    border-radius: 4px;
}

button {
    width: 100px;
    height: 40px;
    background-color: darkkhaki;
    border-radius: 4px;
}
#flagCountry {
    height: 50px;
    length: 60px;
}

#countrydisplay {
    font-size: 14px;
}
#CountryDisplayname {
    margin-top: 50px;
    color: goldenrod;
}

#countryGEO, #countryINF, #langString, #currenciesString, #errorDisplay {
    display: inline-block;
    margin-left: 35px;
    margin-top: 0px;
    color: antiquewhite;
    border-width: 2px;
    width: 500px;

    }

.fa-search {
    background-color: red;
}
/* Style the search field */

.input {
    width: 180px;
    height: 50px;
}

.example input {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    width: 150%;
    background: deepskyblue;
}
/* Style the submit button */
.example button {
    float: left;
    width: 50%;
    padding: 10px;
    background: yellow;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}

.example button:hover {
    background: #0b7dda;
}

/* Clear floats */
.example::after {
    content: "";
    clear: both;
    display: table;
}