diff --git a/style.css b/style.css index 4ab48a2..c8f099e 100644 --- a/style.css +++ b/style.css @@ -1,774 +1,74 @@ -body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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: 20px; - display: flex; - justify-content: center; - - - } - - - - - - .link-dark { - display: flex; - justify-content: center; - padding-top: 10px; - padding-bottom: 40px; - - - } - - - body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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{ + body{ + background:#12141d; + font-family: 'Open Sans',sans-serif ; + font-size: 14px; + letter-spacing: 2px;} - background: #ff715b; - } - - .social-media { - padding-top: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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{ + img{ border-radius: 50% ; + } + .Profil-Bild{ + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 3%; + height:auto; + max-width: 100px; - background: #ff715b; - } - - .social-media { - padding-top: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; } - .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: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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{ + .Profil-Name{ + text-align: center; + padding: 20px; + color: rgba(255, 255, 255, 0.808); - background: #ff715b; - } - - .social-media { - padding-top: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; } - .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{ + .text{ + text-align: center; + padding: 10x; + color: rgba(255, 255, 255, 0.808); + } - background: #ff715b; - } - - .social-media { - padding-top: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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{ + .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; - background: #ff715b; - } - - .social-media { - padding-top: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; } - .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: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; + a{ + text-decoration: none; + color: white; + transition:color 1s; } - .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: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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: 20px; - display: flex; - justify-content: center; - - - }body{ - background:#12141d; - font-family: 'Open Sans',sans-serif ; - font-size: 14px; - letter-spacing: 2px;} - - img{ border-radius: 50% ; - } - .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{ + .Links:hover{ + + background: #ff715b; + } + + .social-media { + padding-top: 20px; + display: flex; + justify-content: center; - background: #ff715b; - } - - .social-media { - padding-top: 20px; - display: flex; - justify-content: center; - + + } - } \ No newline at end of file + .link-dark { + display: flex; + justify-content: center; + padding-top: 10px; + padding-bottom: 40px; + + + } \ No newline at end of file