94 lines
1.7 KiB
CSS
94 lines
1.7 KiB
CSS
:root {
|
|
font-family: InterVariable, sans-serif;
|
|
font-feature-settings: 'liga' 1, 'calt' 1;
|
|
}
|
|
|
|
html {
|
|
background: url("../assets/clouds.avif"), linear-gradient(180deg, hwb(230 20% 0%) 0%, hwb(230 90% 0%) 110%);
|
|
background-repeat: no-repeat;
|
|
background-size: cover, cover;
|
|
}
|
|
|
|
body {
|
|
height: 100dvh;
|
|
padding: 20px;
|
|
}
|
|
|
|
p, a, li, ul, h2 {
|
|
color: white;
|
|
font-style: italic;
|
|
font-size: 20px;
|
|
@media (max-width: 1024px) {
|
|
font-size: 40px;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
list-style-type: "» ";
|
|
padding-left: 1em;
|
|
}
|
|
|
|
/* tailwind lite */
|
|
:root { --space: 4px; }
|
|
|
|
.flex { display: flex; }
|
|
.flex-col { flex-direction: column; }
|
|
|
|
.gap-2 { gap: calc(var(--space) * 2); }
|
|
.gap-4 { gap: calc(var(--space) * 4); }
|
|
.gap-8 { gap: calc(var(--space) * 8); }
|
|
|
|
.mt-4 { margin-top: calc(var(--space) * 4); }
|
|
|
|
.self-start { align-self: flex-start; }
|
|
|
|
.justify-between { justify-content: space-between; }
|
|
|
|
.w-fit { width: fit-content; }
|
|
|
|
.items-center { align-items: center; }
|
|
|
|
.font-light { font-weight: 300; }
|
|
.font-normal { font-weight: 400; }
|
|
.font-heavy { font-weight: 500; }
|
|
|
|
.max-w-md {
|
|
max-width: calc(var(--space) * 200);
|
|
@media (max-width: 1024px) {
|
|
max-width: calc(var(--space) * 400);
|
|
}
|
|
}
|
|
/* tailwind lite */
|
|
|
|
.small {
|
|
font-size: 16px;
|
|
@media (max-width: 1024px) {
|
|
font-size: 32px;
|
|
}
|
|
}
|
|
|
|
.big {
|
|
font-size: 24px;
|
|
@media (max-width: 1024px) {
|
|
font-size: 48px;
|
|
}
|
|
}
|
|
|
|
.pop {
|
|
transform-origin: left center;
|
|
transition: transform 0.1s ease;
|
|
}
|
|
|
|
.pop:hover {
|
|
transform: scale(1.25);
|
|
}
|
|
|
|
.logo {
|
|
object-fit: contain;
|
|
align-self: flex-start;
|
|
max-height: 64px;
|
|
@media (max-width: 1024px) {
|
|
max-height: 128px;
|
|
}
|
|
}
|