You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
877 B
CSS
43 lines
877 B
CSS
3 weeks ago
|
body {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap:wrap;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
min-height: 100vh;
|
||
|
|
background: #55052c;
|
||
|
|
}
|
||
|
|
.name{
|
||
|
|
font-weight: 700;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 40px;
|
||
|
|
font-weight:600;
|
||
|
|
font-family: Hack, sans-serif;
|
||
|
|
text-transform: uppercase;
|
||
|
|
background: linear-gradient(90deg, #55052c, #00d791, #00d791, #55052c);
|
||
|
|
letter-spacing: 5px;
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: 80%;
|
||
|
|
animation: shine 5s linear infinite;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes shine {
|
||
|
|
0% {
|
||
|
|
background-position: -500%;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
background-position: 500%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.text{
|
||
|
|
color: white;
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flag-text{
|
||
|
|
color: #00d791;
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|