Update 'style.css'

This commit is contained in:
Elias John 2021-02-07 13:05:40 +00:00
parent 2e857d4f52
commit 1c9c1c82eb

828
style.css
View File

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