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

81 lines
1.3 KiB
CSS
Raw Normal View History

2024-08-12 01:37:39 -06:00
@import "nav-buttons.css";
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-17 14:07:34 -06:00
}
2024-08-03 01:38:03 -06:00
2024-08-17 14:07:34 -06:00
.center {
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-12 01:37:39 -06:00
}
textarea {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);
box-shadow: 0 0 20px var(--accent-color);
resize: none;
}
textarea,
select {
width: 82%;
appearance: none;
outline: none;
font-family: inherit;
background: transparent;
color: inherit;
border-bottom: 1px solid currentColor;
border-radius: 10px;
}
hr {
width: 32%;
color: var(--gray);
2024-08-03 00:28:53 -06:00
}