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

53 lines
855 B
CSS
Raw Normal View History

2024-08-11 00:42:57 -06:00
.container {
display: flex;
align-content: center;
gap: 10px;
}
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:43:01 -06:00
border: 2.5px solid var(--accent);
border-radius: 3px;
2024-08-03 01:38:03 -06:00
2024-08-03 01:03:12 -06:00
opacity: 0.9;
2024-08-03 13:10:20 -06:00
background: var(--content-gradient);
2024-08-03 01:38:03 -06:00
2024-08-03 01:43:01 -06:00
-webkit-box-shadow: 0 0 8px var(--accent);
-moz-box-shadow: 0 0 8px var(--accent);
box-shadow: 0 0 8px 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 11:26:42 -06:00
}
a:link {
2024-08-05 01:50:22 -06:00
color: var(--link);
2024-08-03 11:26:42 -06:00
}
a:visited {
2024-08-05 01:50:22 -06:00
color: var(--visited);
2024-08-03 11:26:42 -06:00
}
a:hover {
2024-08-05 01:50:22 -06:00
color: var(--hover);
2024-08-03 00:28:53 -06:00
}