.container {
    position: relative;
}

.text-block-distance {
    position: absolute;
    top: 78px;
    right: 178px;
    width: 147px;
    height: 27px;
    color: white;
    background-color: #ff3366;
}

.text-block-city {
    position: absolute;
    top: 117px;
    right: 178px;
    width: 147px;
    height: 27px;
    font-size: 11px;
    color: white;
    background-color: #ff3366;
}

.text-block-pm {
    position: absolute;
    top: 214px;
    right: 155px;
    color: #ff0033;
    font-weight: bold;
}

.text-block-nox {
    position: absolute;
    top: 281px;
    right: 155px;
    color: #ff0033;
    font-weight: bold;
}

.text-block-nh3 {
    position: absolute;
    top: 348px;
    right: 155px;
    color: #ff0033;
    font-weight: bold;
}

.text-block-so2 {
    position: absolute;
    top: 413px;
    right: 155px;
    color: #ff0033;
    font-weight: bold;
}

.text-block-hi {
    position: absolute;
    top: 556px;
    right: 126px;
    color: #ff0033;
    font-weight: bold;
}

.text-block-hc {
    position: absolute;
    top: 683px;
    right: 126px;
    color: #ff0033;
    font-weight: bold;
}

.text-block-cal {
    position: absolute;
    top: 742px;
    right: 198px;
    width: 140px;
    border-radius: 15px;
    background-color: #ff3366;
    border-color: #ff3366;
}

.text-block-cal:hover {
    background-color: #ff0033;
    border-color: #ff0033;
}

.text-block-cal:focus {
    background-color: #ff0033;
    border-color: #ff0033;
}