2024-10-24 17:26:15 +01:00
|
|
|
/* #003f5c, #58508d, #bc5090, #ff6361, #ffa600 */
|
|
|
|
|
|
|
|
:root {
|
2024-10-24 17:49:00 +01:00
|
|
|
--color-background: #111111;
|
|
|
|
--color-content-back: #222222;
|
2024-10-24 17:26:15 +01:00
|
|
|
|
|
|
|
--col-a: #003f5c;
|
|
|
|
--col-b: #58508d;
|
|
|
|
--col-c: #bc5090;
|
|
|
|
--col-d: #ff6361;
|
|
|
|
--col-e: #ffa600;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
background-color: var(--color-background);
|
|
|
|
color: #eeeeee;
|
|
|
|
font-family: monospace;
|
|
|
|
font-size: 24px;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
/* transform: skew(1deg, 1deg); */
|
|
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
|
|
background-color: var(--color-content-back);
|
|
|
|
/*width: 70%;*/
|
|
|
|
padding: 16px;
|
|
|
|
border-radius: 16px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
width:70%;
|
|
|
|
justify-content: center;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes spin {
|
|
|
|
0% {
|
|
|
|
transform: rotate(0deg)
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
transform: rotate(360deg)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.la {
|
|
|
|
color: var(--col-b);
|
|
|
|
text-shadow: 0 0 8px var(--col-b);
|
|
|
|
}
|
|
|
|
.lb {
|
|
|
|
color: var(--col-c);
|
|
|
|
text-shadow: 0 0 8px var(--col-c);
|
|
|
|
}
|
|
|
|
.lc {
|
|
|
|
color: var(--col-d);
|
|
|
|
text-shadow: 0 0 8px var(--col-d);
|
|
|
|
}
|
|
|
|
.ld {
|
|
|
|
color: var(--col-e);
|
|
|
|
text-shadow: 0 0 8px var(--col-e);
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
text-align: center;
|
|
|
|
/* background: linear-gradient(to right, #ff00ff, #ff0000); */
|
|
|
|
/* background-clip: text; */
|
|
|
|
/* -webkit-text-fill-color: transparent; */
|
|
|
|
/* text-shadow: 0 0 8px #787878; */
|
|
|
|
/* animation: spin 2000ms linear infinite; */
|
|
|
|
/* animation: 5s linear 0s infinite normal none running spin; */
|
|
|
|
|
|
|
|
}
|