53 lines
No EOL
939 B
CSS
53 lines
No EOL
939 B
CSS
:root {
|
|
--page-bg: #121E19;
|
|
--bg: #24342D;
|
|
--bg-t: #00513B;
|
|
--header: #BCFFE1;
|
|
--header-2: #E3F5EA;
|
|
--fg: #F4FFF7;
|
|
--accent-1: #36FFC4;
|
|
--shadow: #000000;
|
|
}
|
|
|
|
html {
|
|
background: var(--page-bg);
|
|
font-family: JetBrainsMono Nerd Font;
|
|
}
|
|
|
|
.main {
|
|
width: 100%;
|
|
max-width: 80%;
|
|
position: absolute;
|
|
top: 20%;
|
|
transform: translate(11%, -50%);
|
|
}
|
|
|
|
.intro-box {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
transform: translateY(10%);
|
|
padding: 30px;
|
|
margin: 50px;
|
|
border-radius: 26px;
|
|
background-color: var(--bg);
|
|
box-shadow: var(--shadow) 0px 5px 17px;
|
|
}
|
|
|
|
h1 {
|
|
color: var(--header);
|
|
text-align: center;
|
|
font-size: 32px;
|
|
text-shadow: 0px 0px 14px var(--accent-1);
|
|
}
|
|
|
|
h2 {
|
|
color: var(--header-2);
|
|
font-size: 26px;
|
|
text-shadow: 0px 0px 8px var(--header-2);
|
|
}
|
|
|
|
p {
|
|
color: var(--fg);
|
|
font-size: 20px;
|
|
} |