48 lines
892 B
CSS
48 lines
892 B
CSS
body {
|
|
--purple: rgb(138, 156, 255);
|
|
--light-purple: rgb(200, 150, 223);
|
|
--light: seashell;
|
|
--dark: #0a180e;
|
|
--green: rgb(24, 82, 65);
|
|
--dark-green: rgb(1, 42, 16);
|
|
--sweet-green: rgb(23, 138, 125);
|
|
--yellow: rgb(252, 220, 103);
|
|
|
|
height: 100vh;
|
|
color: var(--light);
|
|
background: radial-gradient(rgb(24, 82, 65), rgb(1, 42, 16));
|
|
font-family: "Trebuchet MS";
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
font-family: Garamond;
|
|
}
|
|
p {
|
|
font-size: 1em;
|
|
font-family: Garamond;
|
|
}
|
|
a {
|
|
font-family: monospace;
|
|
color: var(--purple);
|
|
}
|
|
a:visited {
|
|
color: var(--light-purple);
|
|
}
|
|
|
|
.button {
|
|
cursor: pointer;
|
|
background-color: var(--light);
|
|
color: var(--dark);
|
|
box-shadow: 0px 5px 10px var(--dark);
|
|
transition: background-color 0.15s, color 0.15s, transform 0.15s;
|
|
}
|
|
.button:hover {
|
|
background-color: var(--sweet-green);
|
|
color: var(--light);
|
|
transform: scale(1.1);
|
|
}
|
|
strong {
|
|
color: var(--yellow);
|
|
}
|