nelle-observer/public/styles/css/classes.css

35 lines
717 B
CSS
Raw Normal View History

2024-08-03 00:28:53 -06:00
.content {
2024-08-03 01:03:12 -06:00
width: 90%;
max-width: 75em;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
border: 3px solid var(--accent);
border-radius: 5px;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
opacity: 0.9;
background: linear-gradient(to bottom right, var(--background-950), var(--background-900));
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
-webkit-box-shadow: 0 0 20px var(--accent);
-moz-box-shadow: 0 0 20px var(--accent);
box-shadow: 0 0 20px var(--accent);
2024-08-03 01:38:03 -06:00
text-align: center;
2024-08-03 00:28:53 -06:00
}
2024-08-03 01:03:12 -06:00
h1::before {
content: "> ";
2024-08-03 00:28:53 -06:00
}
2024-08-03 01:03:12 -06:00
h1 {
font-size: 42px;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
2024-08-03 00:28:53 -06:00
}