Changed background

Author: siddharthmohite

.DS_Store

@@ -30,17 +30,19 @@
 .main-content{
    display: flex;
    flex:1;
-   gap: 1.3rem;
+   gap: 1rem;
+   background: url('/backdrop3.jpg') no-repeat center center/cover;
    flex-direction: row;
    justify-content:center;
-   align-items: center;
+   align-items: flex-start;
    align-content: center; 
    align-self: center;
+   height: calc(100vh - 4rem);
+   
 }
 
 .img-container{
     display: flex;
-    margin-top: 1rem;
     margin-left: 3rem;
     width:10rem;
     height:10rem;
@@ -50,12 +52,11 @@
 .aboutme-text-container{
     display: flex;
     flex-direction: column;
-    background: url('/backdrop3.jpg') no-repeat center center/cover;
+    // background: url('/backdrop3.jpg') no-repeat center center/cover;
     padding: 50px;
     border-radius: 5px;
-    margin: 1rem;
     line-height: 1.9rem;
-    gap: 0.7rem;
+    gap: 0.2rem;
 }
 .me{
     width: 100%;
@@ -68,29 +69,20 @@
     font-size: 1.1rem;
     margin:1rem;
     margin-bottom:1rem;
-    font-weight: 400;
+    font-weight: 300;
     color:rgb(246, 245, 245);
     word-spacing: 1px;
     padding: 15px;
     background-color: rgba(255,255,255,0.4);
-    border-radius: 5px;
+    border-radius: 40px;
     mix-blend-mode: screen;
 }
 
-.introduction-1{
-    font-family: "SF-Pro Medium";
-    font-size: 1.1rem;  
-    margin-left:1rem;
-    font-weight: 400;
-    color:rgb(246, 245, 245);
-    margin-bottom: 1.5rem;
-    word-spacing: 0.1rem;
-}
-
 .introduction-ending{
     font-family: 'GuardiansGalaxyFlood';
     font-size: 1.5rem;
     margin-left:1rem;
+    border-radius: 40px;
     font-weight: 400;
     color:rgb(246, 245, 245);
     align-self: flex-end;

app/routes/styles/AboutMe.scss

@@ -49,10 +49,10 @@
   .spotlight-icon{
     margin-top: 0.2rem;
   }
-  .text{
-    font-family: "SF-Pro Medium",-apple-system, BlinkMacSystemFont;
-    color:rgb(47, 46, 46,1);
-    font-weight: 500;
-    font-size: 1.6rem;
-  }
+//   .text{
+//     font-family: "SF-Pro Medium",-apple-system, BlinkMacSystemFont;
+//     color:rgb(47, 46, 46,1);
+//     font-weight: 500;
+//     font-size: 1.6rem;
+//   }