/* Universal */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Color Palaette */
:root {
    --yellow-flower: #F2D44A;
    --cactus-red: #E61212;
    --cactus-green: #2D4330;
    --charcoal: #0E0C07;
    --warm-grey: #928C85;
    --stone-grey: #656462;
}

/* Locally hosted fonts */
@font-face {
    font-family: 'Irish Grover';
    src: url('/assets/fonts/IrishGrover-Regular.woff2') format('woff2'),
         url('/assets/fonts/IrishGrover-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eater';
    src: url('/assets/fonts/Eater-Regular.woff2') format('woff2'),
         url('/assets/fonts/Eater-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Breadcrumb navigation
.breadcrumb {
    font-size: 0.9rem;
    padding: 0.5rem 0;
    color: #ff9416;
    background-color: #a105d8;
}

.breadcrumb ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
  
.breadcrumb li {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
  
.breadcrumb a {
    text-decoration: none;
    color: #ff9416;
    transition: color 0.2s;
}

@media (max-width: 435px) {
    .breadcrumb li {
        font-size: 1.2rem;
    }
}*/