From 94d082ad2ce9ef3368c47d927521cfcaad7099da Mon Sep 17 00:00:00 2001 From: Elias John Date: Mon, 1 Mar 2021 12:06:08 +0000 Subject: [PATCH] =?UTF-8?q?Dateien=20hochladen=20nach=20=E2=80=9E=E2=80=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Style.scss | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 Style.scss 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