mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-04-05 15:54:34 +00:00
refactor: change font size on mobile
This commit is contained in:
parent
1adb47a16e
commit
6365ac4bcc
GPG key ID:
858E8EE696525EED
2 changed files with 89 additions and 286 deletions
|
|
@ -84,7 +84,7 @@
|
||||||
<div class="flex flex-col gap-8">
|
<div class="flex flex-col gap-8">
|
||||||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_COLORS_TITLE">Colors</h1>
|
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_COLORS_TITLE">Colors</h1>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<p data-i18n="FULL_CHR_KR_COLORS_CHARACTER" class="text-3xl font-light">Character</p>
|
<p data-i18n="FULL_CHR_KR_COLORS_CHARACTER" class="text-xl font-light sm:text-3xl">Character</p>
|
||||||
<div class="flex flex-wrap">
|
<div class="flex flex-wrap">
|
||||||
<div class="w-full h-[100px] flex-1 bg-[#ffb1ce] "></div>
|
<div class="w-full h-[100px] flex-1 bg-[#ffb1ce] "></div>
|
||||||
<div class="w-full h-[100px] flex-1 bg-[#91d1fd] "></div>
|
<div class="w-full h-[100px] flex-1 bg-[#91d1fd] "></div>
|
||||||
|
|
@ -92,7 +92,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<p data-i18n="FULL_CHR_KR_COLORS_CLOTHES" class="text-3xl font-light">Clothes</p>
|
<p data-i18n="FULL_CHR_KR_COLORS_CLOTHES" class="text-xl font-light sm:text-3xl">Clothes</p>
|
||||||
<div class="flex flex-wrap">
|
<div class="flex flex-wrap">
|
||||||
<div class="w-full h-[100px] flex-1 bg-[#492020] "></div>
|
<div class="w-full h-[100px] flex-1 bg-[#492020] "></div>
|
||||||
<div class="w-full h-[100px] flex-1 bg-[#1c1a1d] "></div>
|
<div class="w-full h-[100px] flex-1 bg-[#1c1a1d] "></div>
|
||||||
|
|
@ -107,34 +107,34 @@
|
||||||
<div class="flex flex-col gap-8">
|
<div class="flex flex-col gap-8">
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_TITLE">Description</h1>
|
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_TITLE">Description</h1>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_NAME">Character Name: Kentai Radiquum</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_NAME">Character Name: Kentai Radiquum</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_SPEC">Species: Red Panda</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_SPEC">Species: Red Panda</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_GEN">Gender: Male</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_GEN">Gender: Male</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_BUI">Height and Build: Average height, slim build</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_BUI">Height and Build: Average height, slim build</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_APP_TITLE">Appearance</h1>
|
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_APP_TITLE">Appearance</h1>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_APP_TEXT">His fur is pink with blue on his paws and hair, while his chest, paw tips, and tail lines stand out in white. He wears a stylish, slightly worn black denim jacket. His black-and-gray cargo pants with white straps complete the look, reflecting his practical nature and penchant for order (his pockets always have room for essentials like USB drives or candy). Around his neck, he sports a burgundy leather collar with a metal tag, showcasing his individuality. His outfit is rounded off with a T-shirt that boasts an amusingly honest caption: "I'm a programmer, I go click click click on the computer"</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_APP_TEXT">His fur is pink with blue on his paws and hair, while his chest, paw tips, and tail lines stand out in white. He wears a stylish, slightly worn black denim jacket. His black-and-gray cargo pants with white straps complete the look, reflecting his practical nature and penchant for order (his pockets always have room for essentials like USB drives or candy). Around his neck, he sports a burgundy leather collar with a metal tag, showcasing his individuality. His outfit is rounded off with a T-shirt that boasts an amusingly honest caption: "I'm a programmer, I go click click click on the computer"</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_PERS_TITLE">Personality</h1>
|
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_PERS_TITLE">Personality</h1>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_PERS_TEXT">Kentai is friendly but introverted. He values personal space and prefers socializing in small, trusted circles. His sarcastic sense of humor sometimes gives the impression of being reserved, but it conceals a deep kindness. He is curious, loves exploring new things, especially in the field of technology, and has a sharp mind. While he may seem calm outwardly, there’s a storm of ideas brewing inside him, which he’s constantly working to bring to life.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_PERS_TEXT">Kentai is friendly but introverted. He values personal space and prefers socializing in small, trusted circles. His sarcastic sense of humor sometimes gives the impression of being reserved, but it conceals a deep kindness. He is curious, loves exploring new things, especially in the field of technology, and has a sharp mind. While he may seem calm outwardly, there’s a storm of ideas brewing inside him, which he’s constantly working to bring to life.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_HOB_TITLE">Hobbies</h1>
|
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_HOB_TITLE">Hobbies</h1>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HOB_PR">- Programming: Kentai practically lives and breathes code. To him, programming is not just work but an art form.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HOB_PR">- Programming: Kentai practically lives and breathes code. To him, programming is not just work but an art form.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HOB_MU">- Music: A big fan of artists like S3RL, Camellia, Smash Into Pieces, Linkin Park, Porter Robinson, Saint Motel, and others.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HOB_MU">- Music: A big fan of artists like S3RL, Camellia, Smash Into Pieces, Linkin Park, Porter Robinson, Saint Motel, and others.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HOB_PL">- Plush Toys: He has a special fondness for plush toys. His collection includes two red pandas and one large regular panda. These toys are a source of comfort and joy for him.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HOB_PL">- Plush Toys: He has a special fondness for plush toys. His collection includes two red pandas and one large regular panda. These toys are a source of comfort and joy for him.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_HAB_TITLE">Habits</h1>
|
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_HAB_TITLE">Habits</h1>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_1">- Loves working at his own pace and often dives deeply into his projects.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_1">- Loves working at his own pace and often dives deeply into his projects.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_2">- When deeply focused, his tail gently wags.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_2">- When deeply focused, his tail gently wags.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_3">- Sometimes adjusts his collar while pondering a tough problem.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_3">- Sometimes adjusts his collar while pondering a tough problem.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_4">- Enjoys listening to music while working.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_4">- Enjoys listening to music while working.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_5">- Occasionally hums melodies from his favorite tracks, especially when feeling relaxed.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_5">- Occasionally hums melodies from his favorite tracks, especially when feeling relaxed.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_6">- In debates, he tends to gesture rapidly.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_6">- In debates, he tends to gesture rapidly.</p>
|
||||||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_7">- Enjoys "cozy moments" — relaxing with one of his plush toys, wrapped in a blanket, and listening to music.</p>
|
<p class="text-xl font-light sm:text-3xl" data-i18n="FULL_CHR_KR_DESC_HAB_7">- Enjoys "cozy moments" — relaxing with one of his plush toys, wrapped in a blanket, and listening to music.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -616,6 +616,10 @@ video {
|
||||||
inset: 0px;
|
inset: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.-right-4 {
|
||||||
|
right: -1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.-right-\[90px\] {
|
.-right-\[90px\] {
|
||||||
right: -90px;
|
right: -90px;
|
||||||
}
|
}
|
||||||
|
|
@ -628,6 +632,10 @@ video {
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bottom-12 {
|
||||||
|
bottom: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.bottom-8 {
|
.bottom-8 {
|
||||||
bottom: 2rem;
|
bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -656,22 +664,6 @@ video {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom-12 {
|
|
||||||
bottom: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.-right-10 {
|
|
||||||
right: -2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.-right-6 {
|
|
||||||
right: -1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.-right-4 {
|
|
||||||
right: -1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.-z-10 {
|
.-z-10 {
|
||||||
z-index: -10;
|
z-index: -10;
|
||||||
}
|
}
|
||||||
|
|
@ -730,10 +722,6 @@ video {
|
||||||
margin-top: 0.25rem;
|
margin-top: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mt-4 {
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mt-2 {
|
.mt-2 {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -790,14 +778,6 @@ video {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-6 {
|
|
||||||
height: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-12 {
|
|
||||||
height: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-h-\[182px\] {
|
.max-h-\[182px\] {
|
||||||
max-height: 182px;
|
max-height: 182px;
|
||||||
}
|
}
|
||||||
|
|
@ -846,80 +826,15 @@ video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-6 {
|
|
||||||
width: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-10 {
|
|
||||||
width: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-12 {
|
|
||||||
width: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-fit {
|
|
||||||
width: -moz-fit-content;
|
|
||||||
width: fit-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-max {
|
.w-max {
|
||||||
width: -moz-max-content;
|
width: -moz-max-content;
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-\[372px\] {
|
|
||||||
width: 372px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-\[374px\] {
|
|
||||||
width: 374px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-\[384px\] {
|
|
||||||
width: 384px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-\[386px\] {
|
|
||||||
width: 386px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.min-w-\[372px\] {
|
|
||||||
min-width: 372px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.min-w-\[376px\] {
|
|
||||||
min-width: 376px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-\[50vw\] {
|
.max-w-\[50vw\] {
|
||||||
max-width: 50vw;
|
max-width: 50vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-w-\[372px\] {
|
|
||||||
max-width: 372px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-\[384px\] {
|
|
||||||
max-width: 384px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-\[374px\] {
|
|
||||||
max-width: 374px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-\[376px\] {
|
|
||||||
max-width: 376px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-\[378px\] {
|
|
||||||
max-width: 378px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.max-w-\[375px\] {
|
|
||||||
max-width: 375px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-1 {
|
.flex-1 {
|
||||||
flex: 1 1 0%;
|
flex: 1 1 0%;
|
||||||
}
|
}
|
||||||
|
|
@ -929,31 +844,16 @@ video {
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||||
}
|
}
|
||||||
|
|
||||||
.translate-y-\[var\(--transform-y\2c 0\)\] {
|
|
||||||
--tw-translate-y: var(--transform-y,0);
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
|
|
||||||
.-translate-x-12 {
|
|
||||||
--tw-translate-x: -3rem;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
|
|
||||||
.translate-x-12 {
|
|
||||||
--tw-translate-x: 3rem;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
|
|
||||||
.translate-x-10 {
|
|
||||||
--tw-translate-x: 2.5rem;
|
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
||||||
}
|
|
||||||
|
|
||||||
.translate-x-4 {
|
.translate-x-4 {
|
||||||
--tw-translate-x: 1rem;
|
--tw-translate-x: 1rem;
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.translate-y-\[var\(--transform-y\2c 0\)\] {
|
||||||
|
--tw-translate-y: var(--transform-y,0);
|
||||||
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||||
|
}
|
||||||
|
|
||||||
.-rotate-90 {
|
.-rotate-90 {
|
||||||
--tw-rotate: -90deg;
|
--tw-rotate: -90deg;
|
||||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||||
|
|
@ -985,10 +885,6 @@ video {
|
||||||
scroll-margin-top: 9rem;
|
scroll-margin-top: 9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-disc {
|
|
||||||
list-style-type: disc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid-cols-1 {
|
.grid-cols-1 {
|
||||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
|
|
@ -997,10 +893,6 @@ video {
|
||||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-cols-\[repeat\(auto-fill\2c minmax\(0\2c 1fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(0,1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-row {
|
.flex-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -1041,6 +933,10 @@ video {
|
||||||
gap: 0.25rem;
|
gap: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gap-16 {
|
||||||
|
gap: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
.gap-2 {
|
.gap-2 {
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1053,14 +949,6 @@ video {
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gap-16 {
|
|
||||||
gap: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gap-12 {
|
|
||||||
gap: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gap-x-2 {
|
.gap-x-2 {
|
||||||
-moz-column-gap: 0.5rem;
|
-moz-column-gap: 0.5rem;
|
||||||
column-gap: 0.5rem;
|
column-gap: 0.5rem;
|
||||||
|
|
@ -1082,6 +970,10 @@ video {
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.rounded {
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.rounded-3xl {
|
.rounded-3xl {
|
||||||
border-radius: 1.5rem;
|
border-radius: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1098,10 +990,6 @@ video {
|
||||||
border-radius: 0.375rem;
|
border-radius: 0.375rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded {
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rounded-b-lg {
|
.rounded-b-lg {
|
||||||
border-bottom-right-radius: 0.5rem;
|
border-bottom-right-radius: 0.5rem;
|
||||||
border-bottom-left-radius: 0.5rem;
|
border-bottom-left-radius: 0.5rem;
|
||||||
|
|
@ -1129,6 +1017,11 @@ video {
|
||||||
background-color: rgb(14 22 33 / var(--tw-bg-opacity));
|
background-color: rgb(14 22 33 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#1c1a1d\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(28 26 29 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-\[\#1f6cc5\] {
|
.bg-\[\#1f6cc5\] {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(31 108 197 / var(--tw-bg-opacity));
|
background-color: rgb(31 108 197 / var(--tw-bg-opacity));
|
||||||
|
|
@ -1149,6 +1042,11 @@ video {
|
||||||
background-color: rgb(53 50 49 / var(--tw-bg-opacity));
|
background-color: rgb(53 50 49 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#39373b\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(57 55 59 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-\[\#3b79a7\] {
|
.bg-\[\#3b79a7\] {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(59 121 167 / var(--tw-bg-opacity));
|
background-color: rgb(59 121 167 / var(--tw-bg-opacity));
|
||||||
|
|
@ -1159,26 +1057,61 @@ video {
|
||||||
background-color: rgb(60 114 161 / var(--tw-bg-opacity));
|
background-color: rgb(60 114 161 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#492020\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(73 32 32 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-\[\#494749\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(73 71 73 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-\[\#615141\] {
|
.bg-\[\#615141\] {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(97 81 65 / var(--tw-bg-opacity));
|
background-color: rgb(97 81 65 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#69676a\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(105 103 106 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-\[\#715b38\] {
|
.bg-\[\#715b38\] {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(113 91 56 / var(--tw-bg-opacity));
|
background-color: rgb(113 91 56 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#91d1fd\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(145 209 253 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-\[\#98959a\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(152 149 154 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-\[\#F5F5F5\] {
|
.bg-\[\#F5F5F5\] {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#ffb1ce\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(255 177 206 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-\[\#ffeb3c\] {
|
.bg-\[\#ffeb3c\] {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(255 235 60 / var(--tw-bg-opacity));
|
background-color: rgb(255 235 60 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-\[\#ffffff\] {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
.bg-bg-black {
|
.bg-bg-black {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(18 27 44 / var(--tw-bg-opacity));
|
background-color: rgb(18 27 44 / var(--tw-bg-opacity));
|
||||||
|
|
@ -1234,51 +1167,6 @@ video {
|
||||||
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-\[\#494749\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(73 71 73 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#91d1fd\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(145 209 253 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#ffb1ce\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(255 177 206 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#ffffff\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#1c1a1d\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(28 26 29 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#39373b\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(57 55 59 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#492020\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(73 32 32 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#69676a\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(105 103 106 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-\[\#98959a\] {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(152 149 154 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-opacity-20 {
|
.bg-opacity-20 {
|
||||||
--tw-bg-opacity: 0.2;
|
--tw-bg-opacity: 0.2;
|
||||||
}
|
}
|
||||||
|
|
@ -1347,11 +1235,6 @@ video {
|
||||||
padding-bottom: 2rem;
|
padding-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.px-6 {
|
|
||||||
padding-left: 1.5rem;
|
|
||||||
padding-right: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-center {
|
.text-center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
@ -1470,91 +1353,6 @@ video {
|
||||||
filter: darken(10%);
|
filter: darken(10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.\[grid-auto-columns\:1fr\] {
|
|
||||||
grid-auto-columns: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-auto-columns\:fit-content\(400px\)\] {
|
|
||||||
grid-auto-columns: fit-content(400px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-auto-columns\:minmax\(10px\2c auto\)\] {
|
|
||||||
grid-auto-columns: minmax(10px,auto);
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-auto-columns\:minmax\(10px\2c auto-fill\)\] {
|
|
||||||
grid-auto-columns: minmax(10px,auto - -webkit-fill-available);
|
|
||||||
grid-auto-columns: minmax(10px,auto - fill);
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-auto-columns\:minmax\(10px\2c auto-fit\)\] {
|
|
||||||
grid-auto-columns: minmax(10px,auto - fit);
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-auto-columns\:minmax\(max-content\2c 1fr\)\] {
|
|
||||||
grid-auto-columns: minmax(max-content,1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(275px\2c 1fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(275px,1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 100\%\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,100%));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 1fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 2fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,2fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 375px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,375px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 376px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,376px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 377px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,377px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 378px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,378px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 3fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,3fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 400px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,400px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 4fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,4fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 600px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,600px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(300px\2c 800px\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(300px,800px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-columns\:repeat\(auto-fill\2c minmax\(375px\2c 1fr\)\)\] {
|
|
||||||
grid-template-columns: repeat(auto-fill,minmax(375px,1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.\[grid-template-colums\:repeat\(auto-fill\2c minmax\(375px\2c 1fr\)\)\] {
|
|
||||||
grid-template-colums: repeat(auto-fill,minmax(375px,1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Inter';
|
font-family: 'Inter';
|
||||||
|
|
||||||
|
|
@ -1732,6 +1530,11 @@ body {
|
||||||
line-height: 1.75rem;
|
line-height: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sm\:text-3xl {
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.sm\:no-underline {
|
.sm\:no-underline {
|
||||||
text-decoration-line: none;
|
text-decoration-line: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue