add weatherContainer, weatherContent, and weatherBox formatting

Author: Daniel1000c

weatherApp/css/style.css

@@ -69,6 +69,65 @@ html {
 /********************End of Header Formatting********************/
 
 /********************Section Formatting********************/
+
+/**Weather Formatting**/
+.weatherContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 25px;
+}
+
+/*Format weather content*/
+.weatherContent {
+    background-color: #0d6efd;
+    width: 100%;
+    padding: 5%;
+    border-radius: 12px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.weatherContent h2 {
+    font-family: var(--primary-font);
+    font-size: 2em;
+    font-weight: bold;
+    color: white;
+    letter-spacing: 2px;
+}
+
+/*Format weather content search input*/
+.weatherBox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.weatherBox input {
+    border: none;
+    outline: none;
+    border-radius: 12px;
+    padding: 10px;
+    background-color: #f8f9fa;
+}
+
+/*Format weather content search button*/
+.weatherBox button {
+    border: none;
+    outline: none;
+    border-radius: 50%;
+    width: 50px;
+    padding: 10px;
+    background-color: #f8f9fa;
+    margin-left: 10px;
+    font-size: 1.3em;
+}
+
 /**About Formatting**/
 .aboutContainer {
     display: flex;