109 lines
1.9 KiB
CSS
109 lines
1.9 KiB
CSS
/* Base Font */
|
|
* {
|
|
font-family: 'Inter', sans-serif;
|
|
}
|
|
|
|
/* Headlines - Desktop */
|
|
.headline-1 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 64px;
|
|
line-height: 76px;
|
|
}
|
|
|
|
.headline-2 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 36px;
|
|
line-height: 44px;
|
|
}
|
|
|
|
.headline-3 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 28px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.headline-4 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 20px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
/* Body - Desktop */
|
|
.body-1 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 400; /* Regular */
|
|
font-size: 18px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.body-2 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 400; /* Regular */
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.body-3 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 400; /* Regular */
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
/* Caption - Desktop */
|
|
.text-1 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 400; /* Regular */
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.text-2 {
|
|
font-family: 'Inter', sans-serif;
|
|
font-weight: 400; /* Regular */
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
/* Mobile Typography */
|
|
@media (max-width: 768px) {
|
|
.headline-1 {
|
|
font-weight: 700; /* Bold */
|
|
font-size: 28px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.headline-2 {
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 20px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.headline-3 {
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.headline-4 {
|
|
font-weight: 600; /* Semi Bold */
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.body {
|
|
font-weight: 500; /* Medium */
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.caption {
|
|
font-weight: 400; /* Regular */
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
} |