forked from Bunteshaus/bunteshaus.de
61 lines
974 B
CSS
61 lines
974 B
CSS
img {
|
|
border-radius: 4px;
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
#container {
|
|
background-color: var(--background);
|
|
background-image: linear-gradient(var(--background-alt), var(--background));
|
|
}
|
|
|
|
main {
|
|
min-height: 80vh;
|
|
}
|
|
|
|
h1 {
|
|
margin-left: .4rem;
|
|
font-size: 180%;
|
|
margin-top: 0rem;
|
|
}
|
|
|
|
#main {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
padding-bottom: 1rem;
|
|
display: flex;
|
|
padding: 1rem;
|
|
}
|
|
|
|
#content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
aside {
|
|
display: none;
|
|
}
|
|
|
|
section {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
margin-left: 0rem;
|
|
padding: 1rem;
|
|
align-items: stretch;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
@keyframes color {
|
|
0% { background: #582a52; }
|
|
20% { background: #783a7d; }
|
|
40% { background: #632f60; }
|
|
60% { background: #81408d; }
|
|
80% { background: #6d346e; }
|
|
100% { background: #582a52; }
|
|
}
|
|
|
|
body {
|
|
background: #12011e; /* Fallback */
|
|
animation: color 300s infinite linear;
|
|
}
|