body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

nav {
    text-align: center;
}

.card-body {
    padding:10px;
    margin:10px;
}

.card {
    margin:10px;
    padding:10px;
    background-color: blue;
    color: white;
}

.current-Weather {
    border: cadetblue;
    border-width: 1px;
}

#weatherView {
    border-width: 1px;
    border: cadetblue;
}

#heading {
    font-weight: bold;
    font-size: x-large;
}

#dateNow {
    font-weight: bold;
    font-size: large;
}

.header {
    background-color: #3c3c3c;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    font-size: large, bold;

}

#city-form {
    background-color: #ecececf6;
}

#buttons-view2 {
    background-color: #ecececf6;
}