@tailwind base; @tailwind components; @tailwind utilities; @font-face { font-family: 'PublicSans'; src: url('/fonts/Public_Sans/static/PublicSans-Regular.ttf') format('truetype'); } html { font-family: PublicSans, sans-serif; } ::selection { color: black; background: #eaf2ff; } e='Atom feed' href='https://git.coinos.io/coinos-ui.git/atom/src/components/HowItWorksCard.svelte?h=deps-upgrade' type='application/atom+xml'/>
aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/HowItWorksCard.svelte
blob: 784c738d11bcc749ce65e71e79bbabf2f13e0686 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
	import Icon from './Icon.svelte';
	import { t } from '$lib/translations';
	export let image;
	export let stepID;
</script>

<div class="space-y-5">
	<Icon icon={image} style="mx-auto w-32 h-32" />
	<p class="text-2xl font-medium">{$t('howItWorks.' + stepID + '.header')}</p>
	<p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto">
		{$t('howItWorks.' + stepID + '.description')}
	</p>
</div>