Update for Datalore Partie 4

static/css/style.css

@@ -1,27 +1,79 @@
-h1{
-    color: black;
+a {
+  color: white;
+  opacity: 0.6;
+  text-decoration: none;
 }
 
-form{
+a:hover, a:active, a:focus{
+  color: white;
+  text-decoration: none;
+  opacity: 1;
 }
 
-ul{
-
+.active {
+  color: white;
+  text-decoration: none;
+  opacity: 1;
 }
 
-li{
-
+body{
+  background-color: #F4F6F7;
 }
 
-.meteoAPI{
-    border: 2px #eee solid;
-    padding: 10px;
-    text-align: center;
+#wrapper {
+  background-color: #28688C;
+  box-shadow: 1px 5px 25px 3px #444;
+  border-radius: 10px;
+  margin: 100px auto;
+  max-width: 720px;
+  padding: 0px;
+  color: white;
 }
 
-.response{
+#current-weather{
+  padding: 15px;
 }
 
-.error{
-    color: red;
+#mainTemperature{
+  font-size: 5.5em;
+  line-height: 0.7;
 }
+
+#tempDescription {
+  margin-top: 10px;
+  text-align: center;
+}
+
+.day-weather-box {
+  border: 1px solid #28688C;
+  background-color: #2E7FA1;
+  border-radius: 5px;
+  height: 5em;
+}
+
+.day-weather-box p{
+  margin-bottom: 0;
+}
+
+.side-weather-info {
+  padding: 0px 10px;
+}
+
+.day-weather-inner-box {
+  display: inline-flex;
+  margin: 14px auto;
+  padding: 0px 5px;
+}
+
+.forecast-main {
+  padding: 0px 0px 0px 30px;
+}
+
+.forecast-icon {
+  font-size: 25px;
+  margin-left: 5px;
+}
+
+.modal-body p{
+  color: #333;
+}