#bg-image {
    background-image: url("../resources/backgrounds/polefinder-bg.jpg") !important;
}

input.coordinateinput {
    border: 2px solid black;
    text-align: center;
    padding: 5px;
    font-size: 1.5em;
}

h3.coordinatelabel {
    font-size: 1.5em;
}

#nearest1 {
    font-size: 1.75em;
    color: green;
    text-shadow: 2px 2px 2px black;
}

#nearest2 {
    font-size: 1.55em;
    color: yellowgreen;
    text-shadow: 2px 2px 2px black;
}

#nearest3 {
    font-size: 1.35em;
    color: yellow;
    text-shadow: 2px 2px 2px black;
}

#nearest4 {
    font-size: 1.15em;
    color: orange;
    text-shadow: 2px 2px 2px black;
}

#nearest5 {
    font-size: 1em;
    color: red;
    text-shadow: 2px 2px 2px black;
    padding-bottom: 10px;
}