# Styling

The website template is styled with Tailwind.

Each component comes contains inline tailwind styling.

```javascript
<button class:list={[ css, variants[variant], variant != 'secondary' && colors[color], sizes[size], className ]} type={ type } onclick={ action }>
...
</button>
```

## Fonts

The default font is Montserrat. You can change this inside the layout component in `components/layout.astro`

## Logo

The logo file is located in `public/images/logo` you can add your own logo here by replacing these files:

1. logo-black.svg
2. logo-white.svg