personal-page/themes/emily_zola_theme/static/main.css

157 lines
2.3 KiB
CSS

.text-slate-200 {
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity));
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.no-underline {
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.text-sky-200 {
--tw-text-opacity: 1;
color: rgb(186 230 253 / var(--tw-text-opacity));
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-slate-50 {
--tw-text-opacity: 1;
color: rgb(248 250 252 / var(--tw-text-opacity));
}
.flex {
display: flex;
}
.items-center {
align-items: center;
}
.w-5 {
width: 1.25rem;
}
.h-5 {
height: 1.25rem;
}
.leading-relaxed {
line-height: 1.625;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-2 {
margin-top: 0.5rem;
}
.w-11\/12 {
width: 91.666667%;
}
@media (min-width: 640px) {
.sm\:w-2\/3 {
width: 66.666667%;
}
}
@media (min-width: 640px) {
.sm\:max-w-lg {
max-width: 32rem;
}
}
.font-sans {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
"Noto Color Emoji";
}
.bg-slate-900 {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.items-start {
align-items: flex-start;
}
.border-slate-50 {
--tw-border-opacity: 1;
border-color: rgb(248 250 252 / var(--tw-border-opacity));
}
.rounded-full {
border-radius: 9999px;
}
.ml-auto {
margin-left: auto;
}
.justify-end {
justify-content: flex-end;
}
.items-baseline {
align-items: baseline;
}
.border-amber-200 {
--tw-border-opacity: 1;
border-color: rgb(253 230 138 / var(--tw-border-opacity));
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.flex-col {
flex-direction: column;
}
.underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.text-indigo-200 {
--tw-text-opacity: 1;
color: rgb(199 210 254 / var(--tw-text-opacity));
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.text-right {
text-align: right;
}
.mb-4 {
margin-bottom: 1rem;
}