diff --git a/Style.scss b/Style.scss
new file mode 100644
index 0000000..182322f
--- /dev/null
+++ b/Style.scss
@@ -0,0 +1,106 @@
+
+$prime:#12141d;
+$Second :white ;
+ 
+    body{
+      font-family:  'Open Sans',sans-serif ;
+      font-size: 14px;
+      text-c
+      letter-spacing: 2px;
+       background-color: var(--Second-Second  )
+      }
+       
+     
+        img{ border-radius: 50% ;
+          border-color: coral;
+          border: 2px;
+        }
+
+        
+        .Profil-Bild{
+     display: block;
+     margin-left: auto;
+     margin-right: auto;
+     margin-top: 3%;
+     height:auto;
+     max-width: 100px;
+     
+     }
+     
+     .Profil-Name{
+         text-align: center;
+         padding: 20px;
+         color: rgba(255, 255, 255, 0.808);
+     
+     }
+     .text{
+       text-align: center;
+         padding: 10x;
+         color: rgba(255, 255, 255, 0.808);
+       }
+     
+     
+     .links{
+     text-align: center;
+     margin-top: 20px;
+     padding:20px;
+     border: 10px solid #ff715b;
+     border-width: 2px;
+     border-radius: 40px;
+     width: 290px;
+     display: block;
+     margin-left: auto;
+     margin-right: auto;
+     
+     }
+     
+     a{
+         text-decoration: none;
+         color: white;
+         transition:color 1s;
+     }
+     
+     
+     .Links:hover{
+        
+         background: #ff715b;
+       }
+  
+     .social-media {
+       padding-top: 40px;
+       display: flex;
+       justify-content: center;
+       
+     }
+    
+     .link-dark {
+     display: flex;
+     justify-content: center;
+      padding-top: 40px;
+      padding-bottom: 40px;
+     
+    }
+ 
+
+      
+    
+   .logo-img  {
+    
+    fill:#ff715b;
+
+   }
+    
+  .logo-img :hover {
+   fill:blue;
+    animation: 0,7s ;
+
+  }    
+   
+  &.light
+  --primeColor: #12141d
+  --senound: #fff
+  --textClour: 
+
+  &.dark
+  --primeColor : #fff
+  --Second  : #12141d
\ No newline at end of file