Update 'style.css'

4 years ago · ca739e9246
parent 8184f9ec01
commit ca739e9246
1 changed files with 77 additions and 66 deletions
--- a/style.css
+++ b/style.css
@ -1,66 +1,77 @@
-body{
+body{
-    background:#e30613;
+    background:#12141d;
-    font-family:  'Open Sans',sans-serif ;
+    font-family:  'Open Sans',sans-serif ;
-    font-size: 14px;
+    font-size: 14px;
-    letter-spacing: 2px;}
+    letter-spacing: 2px;}
- 
+ 
-    img{ border-radius: 50% ;
+    img{ border-radius: 50% ;
-    }
+    }
-    .Profil-Bild{
+    .Profil-Bild{
- display: block;
+ display: block;
- margin-left: auto;
+ margin-left: auto;
- margin-right: auto;
+ margin-right: auto;
- margin-top: 3%;
+ margin-top: 3%;
- height:auto;
+ height:auto;
- max-width: 100px;
+ max-width: 100px;
- 
+ 
- }
+ }
- 
+ 
- .Profil-Name{
+ .Profil-Name{
-     text-align: center;
+     text-align: center;
-     padding: 20px;
+     padding: 20px;
-     color: rgba(255, 255, 255, 0.808);
+     color: rgba(255, 255, 255, 0.808);
- 
+ 
- }
+ }
- .text{text-align: center;
+ .text{
-     padding: 10x;
+   text-align: center;
-     color: rgba(255, 255, 255, 0.808);
+     padding: 10x;
-   }
+     color: rgba(255, 255, 255, 0.808);
- 
+   }
- 
+ 
- .links{
+ 
- text-align: center;
+ .links{
- margin-top: 20px;
+ text-align: center;
- padding:20px;
+ margin-top: 20px;
- border: 1px solid white;
+ padding:20px;
- border-width: 2px;
+ border: 10px solid #ff715b;
- border-radius: 40px;
+ border-width: 2px;
- width: 290px;
+ border-radius: 40px;
- display: block;
+ width: 290px;
- margin-left: auto;
+ display: block;
- margin-right: auto;
+ margin-left: auto;
- }
+ margin-right: auto;
- 
+ 
- a{
+ }
-     text-decoration: none;
+ 
-     color: white;
+ a{
-     transition:color 1s;
+     text-decoration: none;
- }
+     color: white;
- 
+     transition:color 1s;
- .bottom-text{
+ }
- text-align: center;
+ 
- margin-top: 40px;
+ 
- font-size: 14px;
+ .Links:hover{
- font-weight: bold;
+    
- background: #e30613;
+     background: #ff715b;
- }
+   }
- 
+ 
- .Links:hover{
+ .social-media {
-    
+   padding-top: 20px;
-     background: rgba(255, 255, 255, 0.808);
+   display: flex;
-     
+   justify-content: center;
-   }
+ 
- 
+   
- .social-media {
+ }
-   display: flex;
+ 
-   justify-content: center;
+ 
 .link-dark {
 display: flex;
 justify-content: center;
  padding-top: 10px;
  padding-bottom: 40px;
 }