$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