@font-face {
    font-family: "Pixel";
    src: url("/fonts/pixel/font.ttf") format("truetype");
    font-weight: 300 700;
    font-style: normal;
}

.value, .value2,
.title, .title-2,
.grid-value,
.subtitle, .subtitle2, .subtitle3,
#weather-city, #weather-condition,
.weather-temp, #city-name, #city-region, #city-wiki-excerpt,
#city-wiki-link, .city-wiki, .city-stat, 
#search-panel, .text-clock, #search-input,
.city-hero-weather, #forecast-modal,
#settings-modal, select, .settings-button, input, button, #themes-modal,
.popup-modal, .widget, #theme-editor, .loading, .countdown, #final-prep {
    font-family: "Pixel", sans-serif;
}

#forecast-modal {
    color: white;
}

.value, .value2,
.grid-value,
.weather-temp {
    font-weight: 700;
    font-size: 0.9em;
}

.subtitle, .subtitle2, .subtitle3,
#weather-city, #weather-condition {
    font-weight: 300;
}

.title, .title-2, .theme-preview-title {
    font-weight: 700;
}

#city-name {
    font-weight: 700;
    font-size: 1.5em;
}

#city-region {
    font-weight: 700;
    font-size: 1em;
}

.stat-value {
    font-weight: 700;
}