osebna-stran/assets/custom.css

72 lines
1.3 KiB
CSS
Raw Normal View History

2024-09-16 14:51:50 +02:00
@font-face {
font-family: CourierPrime;
src: url(fonts/CourierPrime-Regular.ttf);
}
body {
font-family: CourierPrime;
}
2024-09-20 20:26:04 +02:00
2024-09-23 11:02:08 +02:00
.rainbow, h1 {
2024-09-20 20:26:04 +02:00
text-align: center;
text-decoration: underline;
2024-10-07 19:14:22 +02:00
font-size: 0.7rem;
2024-09-20 20:26:04 +02:00
font-family: monospace;
letter-spacing: 5px;
}
2024-09-23 11:02:08 +02:00
.rainbow_text_animated, h1 {
2024-09-20 20:26:04 +02:00
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
2024-09-23 11:02:08 +02:00
padding: 0.2rem 0.6rem;
}
2024-10-07 19:14:22 +02:00
h1 {
font-size: 2.75rem;
font-family: CourierPrime;
}
2024-09-23 11:02:08 +02:00
.rainbow_text_animated_2 {
animation: rainbow_animation 7s ease-in-out infinite;
2024-10-07 19:14:22 +02:00
font-size: 0.5rem;
2024-09-23 11:02:08 +02:00
}
.rainbow_text_animated_3 {
animation: rainbow_animation 8s ease-in-out infinite;
2024-10-07 19:14:22 +02:00
font-size: 0.5rem;
2024-09-23 11:02:08 +02:00
}
.nav {
display: flex;
}
2024-10-07 19:14:22 +02:00
.nav a, .title.logo a {
2024-09-23 11:02:08 +02:00
text-decoration: none;
font-size: 0.7rem;
font-weight: bold;
}
#preamble pre {
line-height: 1;
letter-spacing: 0px;
border: none;
2024-09-20 20:26:04 +02:00
}
2024-10-07 19:14:22 +02:00
.language-menu {
position: absolute;
top: 10px;
right: 10px;
}
2024-09-20 20:26:04 +02:00
@keyframes rainbow_animation {
0%,100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}