Soph weather app complete

css/style.css

@@ -1 +1,89 @@
 /* Custom CSS goes here */
+body, main{
+  font-family: 'Lato', sans-serif;
+  margin: 0 auto;
+  text-align: center;
+  width: 100%;
+  height:100%;
+  background-repeat: no-repeat;
+  background: #5bb6c8; /* Old browsers */
+  background: -moz-linear-gradient(top, #5bb6c8 0%, #77cbd2 11%, #8cd9d4 23%, #bfe8f9 55%, #bfe8f9 70%, #e4f5fc 85%, #e4f5fc 85%, #ffffff 100%); /* FF3.6-15 */
+  background: -webkit-linear-gradient(top, #5bb6c8 0%,#77cbd2 11%,#8cd9d4 23%,#bfe8f9 55%,#bfe8f9 70%,#e4f5fc 85%,#e4f5fc 85%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to bottom, #5bb6c8 0%,#77cbd2 11%,#8cd9d4 23%,#bfe8f9 55%,#bfe8f9 70%,#e4f5fc 85%,#e4f5fc 85%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb6c8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+}
+
+ .title{
+  display:inline-block;
+  font-family: 'Chicle', cursive;
+  font-size: 60px;
+  letter-spacing: 5px;
+  font-weight: 600;
+  width: 100%;
+  color: #FFFFFF;
+  padding: 30px;
+  margin: 0px 10px 30px -5px;
+}
+
+.getWeatherData{
+  font-family: 'Lato', sans-serif;
+  font-size: 25px;
+  padding:30px;
+}
+
+#flag{
+  height:100px;
+  width:150px;
+  padding-bottom: 15px;
+}
+
+input{
+  font-size: 20px;
+}
+
+input[type=submit] {
+  font-family: 'Lato', sans-serif;
+  background-color: #FF5C5C;
+  border: 1px dotted #999;
+  border-radius: 3px;
+  padding:2px 30px;
+  -webkit-appearance: none;
+}
+.results-city{
+  display:inline;
+  font-family: 'Lato', sans-serif;
+  font-weight: 100;
+  font-size: 50px;
+  padding: 15px 30px;
+}
+
+.icon{
+  width:200px
+  height:100px;
+}
+.container{
+  display:flex;
+  flex-direction: column;
+  flex:3;
+  padding:15px;
+}
+.weather-info-container{
+  flex:1;
+  padding-bottom: 30px;
+}
+
+.results{
+  flex:2;
+}
+.temperature-container, .humidity-container, .description-container{
+  font-size: 25px;
+  padding:20px;
+}
+
+
+
+
+
+
+
+