h1{
font-size:50vw;
}
body {
margin: 0;
padding: 0;
background-color: rgb(41, 41, 41);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
h1 {
color: rgb(255, 255, 255);
animation: glow 10s linear infinite;
}
@keyframes glow {
0% {
text-shadow: 0 0 5px #6666ff, 0 0 10px #6666ff, 0 0 15px #6666ff;
}
10% {
text-shadow: 0 0 8px #0099ff;
}
50% {
text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00;
}
75% {
text-shadow: 0 0 10px #ff3399;
}
100% {
text-shadow: 0 0 5px #6666ff, 0 0 10px #6666ff, 0 0 15px #6666ff;
}
}
/* Credits */
.icon {
width: 2.5em;
height: 2.5em;
font-size: 2em;
display: flex;
text-decoration: none;
color: #000;
outline: 2px solid #000;
outline-offset: -8px;
border-radius: 50%;
}
.icon i {
margin: auto;
}
.icon {
outline-width: 6px;
outline-color: var(--bg);
color: #fff;
background-color: #000;
}
#credits {
text-align: center;
position:absolute;
bottom:0;
margin-inline:auto;
color:white;
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
}
a{
color:skyblue;
}