47 lines
836 B
CSS
47 lines
836 B
CSS
:root {
|
|
--primary-white: #ffffff;
|
|
--turquoise: #008080;
|
|
--sand-beige: #d7c4a3;
|
|
--gold: #d4af37;
|
|
--navy: #000080;
|
|
--text-dark: #1a1a1a;
|
|
--text-light: #fdfdfd;
|
|
|
|
--font-heading: var(--font-oswald), sans-serif;
|
|
--font-text: var(--font-oswald), sans-serif;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-text);
|
|
color: var(--text-dark);
|
|
background-color: var(--primary-white);
|
|
overflow-x: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: var(--font-heading);
|
|
font-weight: 400;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
/* Animations */
|
|
@keyframes fadeIn {
|
|
from { opacity: 0; transform: translateY(20px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fadeIn 1s ease-out forwards;
|
|
}
|