/*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** 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; }