html {
    background-color: hsl(218, 50%, 17%);
}

header {
    color: white;
    font-size: 24pt;
    font-family: "Monoton", cursive;
    margin-top: 20px;
    text-align: center;
}

h1 {
    margin-bottom: 40px;
}

#txtPassword {
    margin-bottom: 40px;
}

#currImg {
    width: 20%;
    height: auto;
}

#modal-button {
    color: white;
    font-family: "Nunito Sans", cursive;
    display: block;

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    text-align: center;
    width: 200px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-align: center;
}
::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
}
:-ms-input-placeholder {
    /* IE 10+ */
    text-align: center;
}
:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
}

#city-search {
    margin-bottom: 30px;
}

#current-temperature {
    font-family: "Nunito Sans", cursive;
    font-weight: bold;
    font-size: 36px;
}

.weather-card {
    background-color: hsl(210, 36%, 96%);
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.card-header {
    font-family: "Nunito Sans", cursive;
    font-weight: lighter;
    font-size: 18px;
    text-align: center;
}
#location-current {
    font-family: "Nunito Sans", cursive;
    font-weight: bold;
    font-size: 36px;
    margin-top: 20px;
}

#current-overview {
    font-family: "Nunito Sans", cursive;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
}
#weather-wordy-status {
    margin-top: 20px;
    font-family: "Nunito Sans", cursive;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.detail-card {
    font-family: "Nunito Sans", cursive;
    font-weight: light;
    font-size: 32px;
    margin-top: 15px;
    text-align: center;
}

.weekly-detail-title {
    text-align: center;
}

.weekly-detail-card {
    font-family: "Nunito Sans", cursive;
    font-weight: light;
    font-size: 18px;
    margin-top: 15px;
    text-align: center;
}

.weekly-card-header {
    font-family: "Nunito Sans", cursive;
    font-weight: lighter;
    font-size: 18px;
    text-align: center;
    margin-bottom: 24px;
}

.detail-title {
    text-align: center;
}

#city-search {
    color: black;
}

.headlines {
    text-align: left;
    padding: 5px;
}