/* Transitions for Switching Mode */
body, footer { transition: background-color 0.2s ease; }
header, header nav a { transition: background-color 0.2s ease, color 0.5s ease; }

/* Styling for Nightmode */
.nightmode { color: #ccc; background-color: #1a1a10; }
.nightmode header, .nightmode footer { color: white; background-color: #000; }

.nightmode nav a { color: white; }

.nightmode .city-nav li { color: black; }

.nightmode footer a:hover { color: white; }

/* Form */
.nightmode form .form-control { color: white; background-color: black; }