lotus/_src/styles.css

101 lines
1.3 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
.ccontainer {
max-width: 600px;
margin: 0 auto;
}
/*
.fancy-container {
text-align: center;
} */
a {
color: black;
transition: color 0.1s, background-color 0.1s;
background-color: rgb(206, 150, 45);
text-decoration: none;
border-radius: 4px;
padding: 0.01rem 0.5rem;
margin: 0 0.3rem;
line-height: 1.7;
white-space: nowrap;
}
a:hover {
color: rgb(255, 200, 99);
background-color: rgba(152, 109, 29, 0.506);
}
a img {
border: none;
}
h2,
h3,
h4,
h5,
h6 {
line-height: 1.25;
margin: 1.5rem 0 1rem;
}
h1 {
/* font-family: Playfair, serif; */
font-weight: 900;
font-size: 5em;
font-feature-settings: "lnum" 1;
font-variation-settings: "opsz" 35;
line-height: 1;
margin: 1.5rem 0 1rem;
}
h2 {
/* font-family: Playfair, serif; */
font-weight: 900;
font-size: 2.5em;
font-feature-settings: "lnum" 1;
font-variation-settings: "opsz" 20;
}
h3 {
font-weight: 700;
font-size: 1.5em;
}
h4 {
font-weight: 600;
font-size: 1em;
}
h5 {
font-weight: 600;
font-size: 0.875em;
}
h6 {
font-weight: 600;
font-size: 0.85em;
}
p {
margin: 0 0 16px;
}
code {
font-family: "IBM Plex Mono", monospace;
}
li,
ul {
margin-bottom: 0.25rem;
}
.margin-even {
margin: 1rem 0;
}
.margin-none {
margin: 0;
}