Guia de estilos

Toda a estilização que será usada no projeto dentro do figma.

Link do projeto no figma

Fonte

HTML

Poppins
<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Josefin+Sans:wght@400;700&family=Poppins:wght@300;400;500;600;700&family=Rubik:wght@400;500&display=swap" rel="stylesheet">

CSS
font-family: 'Poppins', sans-serif;
font-weight: 400, 500, 600

Cores

background: #E5E5E5 background home: #3772FF

rodape: #36D6AD

detalhes: #737380 #8f8c8c #F6F6F6

botão: #FC7071

houver: #cd7e7edb

Tamanhos

Tamanho do dispositivo mobile: 360px

Tamanho do dispositivo desktop: 768px

Largura máxima do conteúdo principal: 1440px