site/dist/bundle.css

219 lines
3.9 KiB
CSS
Raw Normal View History

2025-01-21 05:15:22 +00:00
/*!***************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.97.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@14.2.1_node-sass@9.0.0_sass@1.83.4_webpack@5.97.1/node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
\***************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url(0c35d18bf06992036b69.woff2) format("woff2");
font-display: swap;
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: "liga";
-moz-osx-font-smoothing: grayscale;
}
* {
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all;
}
body {
font-family: Arial, sans-serif;
font-size: 1.5em;
margin: 2em;
line-height: 1.6;
height: 100vh;
width: auto;
margin: 0;
padding: 0;
text-align: left;
background-color: #1e1e2e;
color: #cdd6f4;
white-space: normal;
}
.header-container {
width: 100vw;
text-align: center;
justify-content: center;
}
.center-image {
display: block;
margin-left: auto;
margin-right: auto;
}
.meta {
font-size: 0.75em;
line-height: 1;
color: #313244;
}
header {
background-color: #11111b;
color: #cdd6f4;
height: auto;
}
header a {
color: #cdd6f4;
text-decoration: dotted;
font-size: 1.5rem;
}
header a i {
vertical-align: middle;
display: inline-block;
}
nav {
background-color: #11111b;
color: #ebdbb2;
display: flex;
flex-direction: row;
padding-top: 0.25%;
padding-bottom: 0.25%;
align-items: center;
justify-content: center;
gap: 6px;
}
.title {
font-weight: bolder;
text-align: center;
}
.article {
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
text-align: left;
padding-left: 30%;
padding-right: 30%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: left;
align-items: normal;
white-space: normal;
}
.article p {
text-align: left;
}
@media (max-width: 978px) {
.article {
padding-left: 5%;
padding-right: 5%;
}
.barticle {
padding-left: 5%;
padding-right: 5%;
}
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
text-align: left;
display: block;
}
ul, li, ol {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
h1, h2, h3, h4, h5, h6 {
color: #fbf1c7;
display: block;
}
a {
color: #458588;
display: block;
}
a:hover {
color: #689d6a;
}
button {
background-color: #b16286;
color: #fbf1c7;
}
button:hover {
background-color: #458588;
}
p {
margin-bottom: 1em;
display: inline-block;
white-space: normal;
}
pre {
background-color: #313244;
padding: 0.5em;
overflow: auto;
}
code {
font-family: "Courier New", Courier, monospace;
background-color: #313244;
color: #d65d0e;
padding: 0.2em;
border-radius: 3px;
display: block;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
display: table;
}
table th, table td {
border: 1px solid #11111b;
padding: 8px;
text-align: left;
}
th, td {
border: 1px solid #fbf1c7;
padding: 8px;
text-align: left;
}
th {
background-color: #ebdbb2;
}
blockquote {
border-left: 2px solid #313244;
margin: 1em 0;
padding-left: 1em;
}
footer {
background-color: #11111b;
color: #d5c4a1;
}