2022-04-11 15:45:49 +02:00
|
|
|
img {
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
margin-bottom: .5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#container {
|
|
|
|
|
background-color: var(--background);
|
|
|
|
|
background-image: linear-gradient(var(--background-alt), var(--background));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
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-left: 1rem;
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
padding-bottom: 1rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#content {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
aside {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
section {
|
|
|
|
|
margin-left: 1rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes color {
|
|
|
|
|
0% { background: #00007f; }
|
|
|
|
|
20% { background: #550000; }
|
|
|
|
|
40% { background: #005500; }
|
|
|
|
|
60% { background: #55007f; }
|
|
|
|
|
80% { background: #00557f; }
|
|
|
|
|
100% { background: #00007f; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
background: #33CCCC; /* Fallback */
|
|
|
|
|
animation: color 60s infinite linear;
|
|
|
|
|
}
|
