mybio/src/styles.css
Lain Iwakura 4ae91a0251
cleanup
2025-07-25 23:01:31 +03:00

130 lines
2.1 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
font-family: Fantasque;
src: url(fonts/FantasqueSansMono-Bold.woff2);
font-weight: bold;
}
@font-face {
font-family: Fantasque;
src: url(fonts/FantasqueSansMono-Regular.woff2);
}
@font-face {
font-family: Fantasque;
src: url(fonts/FantasqueSansMono-Italic.woff2);
font-style: italic;
}
@font-face {
font-family: Fantasque;
src: url(fonts/FantasqueSansMono-BoldItalic.woff2);
font-style: italic;
font-weight: bold;
}
pre,
html {
-ms-overflow-style: none;
scrollbar-width: none;
}
pre::-webkit-scrollbar,
html::-webkit-scrollbar {
display: none;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap");
.header-links {
text-decoration: underline;
text-decoration-style: solid;
text-decoration-skip-ink: all;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
color: theme("colors.fg.link") !important;
}
:link {
color: #00ff00;
}
:visited {
color: #00cc00;
}
a:hover {
color: #00aa00;
}
a {
text-decoration: underline;
}
p,
ul {
margin-top: 8px;
margin-bottom: 8px;
}
pre {
padding: 1rem;
border-radius: 20px;
border: 2px dashed #00ff00;
overflow-x: scroll;
}
img {
max-width: 100%;
}
h1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
li {
line-height: 150%;
}
.location {
font-family: "Germania One", system-ui;
font-size: 1.1rem;
color: #00ff00;
}
h1, h2, h3, h4, h5, h6 {
color: #00ff00;
}
strong {
color: #00cc00;
}
table {
border-collapse: collapse;
width: 100%;
margin: 1rem 0;
}
th, td {
border: 1px solid #00ff00;
padding: 0.5rem;
text-align: left;
}
th {
background-color: #1a1a1a;
color: #00ff00;
font-weight: bold;
}
td {
color: #00cc00;
}
tr:nth-child(even) {
background-color: #0f0f0f;
}
tr:nth-child(odd) {
background-color: #1a1a1a;
}