2022-04-11 15:45:49 +02:00
|
|
|
img {
|
|
|
|
border-radius: 4px;
|
|
|
|
margin-bottom: .5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#container {
|
|
|
|
background-color: var(--background);
|
2022-05-06 11:49:30 +02:00
|
|
|
background-image: linear-gradient(var(--background), var(--background-alt));
|
2022-04-11 15:45:49 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
main {
|
2022-04-11 16:56:06 +02:00
|
|
|
min-height: 80vh;
|
2022-04-11 15:45:49 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
margin-left: .4rem;
|
|
|
|
font-size: 180%;
|
|
|
|
margin-top: 0rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
#main {
|
|
|
|
padding-right: 1rem;
|
|
|
|
padding-bottom: 1rem;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-grow: 1;
|
2022-05-06 13:29:00 +02:00
|
|
|
padding: 1rem;
|
2022-04-11 15:45:49 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
aside {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
section {
|
2022-04-11 20:53:58 +02:00
|
|
|
flex-grow: 0;
|
2022-04-11 18:16:40 +02:00
|
|
|
flex-shrink: 0;
|
|
|
|
border-radius: 10px;
|
2022-05-06 13:29:00 +02:00
|
|
|
padding-left: 1rem;
|
|
|
|
padding-right: 1rem;
|
2022-04-11 15:45:49 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes color {
|
2022-04-11 21:21:08 +02:00
|
|
|
0% { background: #21001f; }
|
|
|
|
20% { background: #240027; }
|
|
|
|
40% { background: #1f001d; }
|
|
|
|
60% { background: #1c0018; }
|
|
|
|
80% { background: #220022; }
|
|
|
|
100% { background: #21001f; }
|
2022-04-11 15:45:49 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
2022-04-11 21:12:30 +02:00
|
|
|
background: #12011e; /* Fallback */
|
2022-04-11 21:09:10 +02:00
|
|
|
animation: color 300s infinite linear;
|
2022-04-11 15:45:49 +02:00
|
|
|
}
|
2022-05-06 11:49:30 +02:00
|
|
|
|
|
|
|
img.light-shadow{
|
|
|
|
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
|
|
|
|
}
|
|
|
|
|
|
|
|
img.dark-shadow{
|
|
|
|
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
|
|
|
|
}
|
|
|
|
|
|
|
|
a.light-shadow{
|
|
|
|
text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
|
|
|
|
}
|
|
|
|
|
|
|
|
a.dark-shadow{
|
|
|
|
text-shadow: 0px 3px 3px rgba(0, 0, 0, 1);
|
|
|
|
color: white;
|
|
|
|
}
|