tailwind.config = {
theme: {
extend: {
colors: {
darkBg: ’#08130c’,
creamText: ’#e8ece9’
}
}
}
}
/* Styling specifically for the menu container */
.portfolio-header {
background-color: #08130c;
color: #e8ece9;
font-family: ’Cinzel’, ’Trajan Pro’, ’Times New Roman’, ’Georgia’, serif;
padding: 4rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.menu-link {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
letter-spacing: 0.1em;
text-decoration: none;
}
.menu-link:hover {
color: #ffffff;
letter-spacing: 0.18em;
transform: scale(1.04);
opacity: 1;
}
/* Make sure the whole page matches the background */
body {
background-color: #08130c !important;
}