center items
This commit is contained in:
parent
5f9dff04f0
commit
458f9d30d9
1 changed files with 7 additions and 0 deletions
|
@ -1,17 +1,23 @@
|
||||||
.content {
|
.content {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
max-width: 75em;
|
max-width: 75em;
|
||||||
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
border: 3px solid var(--accent);
|
border: 3px solid var(--accent);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
background: linear-gradient(to bottom right, var(--background-950), var(--background-900));
|
background: linear-gradient(to bottom right, var(--background-950), var(--background-900));
|
||||||
|
|
||||||
-webkit-box-shadow: 0 0 20px var(--accent);
|
-webkit-box-shadow: 0 0 20px var(--accent);
|
||||||
-moz-box-shadow: 0 0 20px var(--accent);
|
-moz-box-shadow: 0 0 20px var(--accent);
|
||||||
box-shadow: 0 0 20px var(--accent);
|
box-shadow: 0 0 20px var(--accent);
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1::before {
|
h1::before {
|
||||||
|
@ -20,6 +26,7 @@ h1::before {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 42px;
|
font-size: 42px;
|
||||||
|
|
||||||
background-image: var(--accent-gradient);
|
background-image: var(--accent-gradient);
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
|
|
Loading…
Reference in a new issue