add about section formatting and main formatting

Author: Daniel1000c

weatherApp/css/style.css

@@ -26,6 +26,19 @@
     margin: 0;
     box-sizing: border-box;
 }
+
+/*Format main background*/
+body {
+    background-image: url(../images/beautiful-clouds-digital-art.jpg);
+    background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
+}
+
+/*Format scrolling behavior*/
+html {
+    scroll-behavior: smooth;
+}
 /********************End of General Formatting********************/
 
 /********************Header Formatting********************/
@@ -47,56 +60,73 @@
     color: white;
 }
 
+/*Format nav bar collapse*/
+
 /*Format box menu icon*/
 .navbar-toggler {
     border: 2px solid white;
 }
-
 /********************End of Header Formatting********************/
 
-/********************Footer Formatting********************/
-Footer {
+/********************Section Formatting********************/
+/**About Formatting**/
+.aboutContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 25px;
+}
+
+/*Format about text*/
+.aboutContent {
     text-align: center;
-    background-color: #0d6efd;
+    background-color: #304c89;
     padding: 5%;
+    border-radius: 12px;
+    width: 350px;
+}
+
+.aboutContent h2 {
+    font-family: monospace;
+    font-size: 2em;
     color: white;
-    font-family: var(--footer-font);
-    font-size: 0.8em;
+    text-align: left;
 }
 
-/*Format footer p tag*/
-footer p {
-    margin-top: 25px;
+/*Format about content img*/
+.aboutContent img {
+    width: 40%;
+    margin: 20px 0;
 }
 
-/*Format quick links container*/
-.quickLinks {
+/*Format about coontent p*/
+.aboutContent p {
+    font-family: var(--primary-title-font);
     text-align: left;
+    line-height: 2;
+    color: white;
+    font-size: 0.9em;
 }
 
-/*Format quick links heading*/
-.quickLinks h3 {
-    color: orange;
-    font-family: var(--footer-sub-font);
-    font-weight: bolder;
-}
 
-/*Format quick link a tags*/
-.quickLinks p a {
+/********************Footer Formatting********************/
+Footer {
+    text-align: center;
+    background-color: #0d6efd;
+    padding: 1%;
     color: white;
-    font-family: var(--navigation-link-font);
-    text-decoration: none;
-    letter-spacing: 1.2px;
+    font-family: var(--footer-font);
+    font-size: 0.8em;
 }
 
-/*Format social media container*/
-.socialMedia {
-    text-align: left;
+/*Format footer p tag*/
+footer p {
+    margin-top: 25px;
 }
 
-/*Format social media header*/
-.socialMedia h3 {
-    color: orange;
-    font-family: var(--footer-sub-font);
-    font-weight: bold;
+/*Format accordion*/
+.accordion {
+    background: none;
 }
+/********************End of Footer Formatting********************/