agnes/alienhospital
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
alienhospital/writing/stationz.html

761 lines
24 KiB
HTML
Raw Normal View History

first
2025-12-23 10:56:17 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Change your site title: (It is shown in the tab) -->
<title>AL13NH0SP1T4L</title>
<!-- Change your site description: (It is shown in Google results) -->
<meta content="My personal website!" name="description" />
<!-- Setting character encoding and viewport size. Do not remove. -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- FavIcon (small image in tab), change to any image you want: -->
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<!-- CSS: -->
<!-- You will have to change this to "../style.css" if this HTML file is in a subfolder, to "../../style.css" if this HTML file is in 2 subfolders, etc. -->
<link href="./style.css" rel="stylesheet" />
<script>
// Template generated with petrapixel's layout generator.
// (Please do not remove this credit.)
console.log("%c Template generated with petrapixel's layout generator.", "font-size: 14pt;");
console.log("%c https://petrapixel.neocities.org/coding/layout-generator", "font-size: 14pt;");
</script>
</head>
<body>
<!-- The next line is a skip-to-content link for keyboard users. Do not remove it! -->
<a href="#content" id="skip-to-content-link">Skip to content</a>
<div class="layout">
<!-- =============================================== -->
<!-- HEADER -->
<!-- =============================================== -->
<header>
<div class="header-image">
<img src="https://i.ibb.co/d4wzWNJw/tumblr-9521a9fc973bc72adeebdf473bee6653-94ca1a4f-540.png" alt="" />
</div>
<div class="header-content">
<div class="header-title"></div>
<!-- NAVIGATION -->
<nav>
<ul>
<li><a href="/homepage">Home</a></li>
<li><a href="/about">About Me</a></li>
<li><a href="/shrines">Shrines</a></li>
<li><a href="/resources">Resources</a></li>
<li>
<strong>More</strong>
<ul>
<li><a href="/paint">Games - Paint</a></li>
<li><a href="/kidpix">Games - Kidpix</a></li>
<li><a href="/secrets">Well of Secrets</a></li>
<li><a href="/fanworks">Archive of My Fanworks</a></li>
<li><a href="/links">Even More Links!</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<main id="content"> <!-- Do NOT remove the ID here -->
<!-- =============================================== -->
<!-- MAIN CONTENT -->
<!-- =============================================== -->
<section>
<h2><a href="/writing">back!</a></h2>
<h1>Station Z</h1>
Written 2018. Excerpt.
<hr>
<p><span style="font-weight: 400;">10:23 PM.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Octavia has:</span></p>
<p>&nbsp;</p>
<ul>
<li style="font-weight: 400;"><span style="font-weight: 400;">Cleaned up nearly the entire main floor of the station, which, unsurprisingly, had been trashed again. Her body aches, now; on first thought it is from bending over, resting on her knees and palms to restore the pristine serenity of Station Z&rsquo;s flawless clean interior. Upon further introspection, however: it&rsquo;s a result of more than just work. It&rsquo;s psychosomatic, but that doesn&rsquo;t make it any less unbearable.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Calmed down her brother; apparently he, too, is upset over Lilac&rsquo;s appearance on the station, until he disappeared right into the dark corridors.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Cooked herself a rather large amount of pasta; food replicators, she thinks, taste of rot, and putting her mind on other things---doing things to benefit herself, a rare occurrence--is cathartic.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Finally taken off her tight uniform, the uninvited reminder of her routine (wake up, work, sleep, work, on and on like the snake eating itself) and transplanted herself into her lounging clothes. Octavia loves her job. She does. She truly does! Excitement, however, is something that she simply cannot grasp yet.</span></li>
<li style="font-weight: 400;"><span style="font-weight: 400;">Answered the door to her quarters when the incoming call started---</span></li>
</ul>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Wait. No she hasn&rsquo;t; she&rsquo;s only processing the disturbance now, torn away from her organizational complaints, tainted with obsession.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Who is it?&rdquo; she asks, following a gesture at the ship&rsquo;s computer, telling it softly to pick up the call; she stretches out on her chair, comfortable, dozing gradually into sleep. This always happens. Why does this always happen?</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Me,&rdquo; calls Vix, his voice--rough, scratchy, yet inexplicably high-pitched--is always recognizable, always a choir in her mind. &ldquo;And Cedric. Can we come in?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Sure,&rdquo; Octavia says through a sigh, her muscles slow, her muscles tense. Her body quivers from the thick, breathable air of tiredness that surrounds her now.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">God. She just wants to rest. Octavia just wants a resting place, some serenity to let the force of her submissive personality melt down, her existence molded like clay on aging hands. She&rsquo;s tired, she&rsquo;s tired, she&rsquo;s tired, and it is more than just physical exhaustion. Octavia has a lifetime of exhaustion, bones weary and her body fragile like bird bones. Octavia just </span><em><span style="font-weight: 400;">wants. </span></em><span style="font-weight: 400;">To let down her hair, like a fairytale&mdash;-to shed the concrete skin and unsheath vulnerability&mdash;-to exist in a way that people shouldn&rsquo;t. Openly, that is, and loved. Love as the ultimate desire but the weightless goal.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Vix and Cedric enter. Octavia can feel it immediately; the radiation of fear, the anxiety sewn to their faces.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Is everything okay?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">They sit down across from her, Cedric&rsquo;s hand brushing against Vix&rsquo;s for a brief moment before he recoils it into his lap. Octavia cannot swallow any bad news. She has never been able to cope with bad news, her discomfort a mathematical constant through her life. There are so many possibilities, too many potential abhorrent situations.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;The A.O. girl,&rdquo; Vix says, coherently. &ldquo;Remember her?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Of course,&rdquo; Octavia responds. &ldquo;I&rsquo;m surprised you do.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Hey&mdash;-shut up. Anyway, she&rsquo;s, uh, not here to celebrate Aeon&rsquo;s third Breakthrough Award, that&rsquo;s for sure.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Vix,&rdquo; Cedric interjects, rubbing his forehead with his free hand. &ldquo;No one thought she was there to celebrate that.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;</span><em><span style="font-weight: 400;">My point is,&rdquo;</span></em><span style="font-weight: 400;"> Vix says, voice louder in an attempt to drown out Cedric&rsquo;s protests. &ldquo;She&rsquo;s here to investigate my sister.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;What&mdash;why? Aeon&rsquo;s a saint.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Vix looks ashamed, ephemeral, and then his face bounces back resilient into his usual smug look. &ldquo;Yeah. I don&rsquo;t know. She said she was under orders from a person very high up in the Authority of Operations.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Vix explained this to me,&rdquo; Cedric says. &ldquo;I asked why an A.O. officer would visit this territory after decades of neglect and silence just to investigate the commander, and he said there&rsquo;s only one reason for it. It, uh, it&rsquo;s not great, Octavia.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Tell me. I can handle it.&rdquo; That&rsquo;s a lie; she can&rsquo;t handle it, but she&rsquo;s not going to let them </span><em><span style="font-weight: 400;">know </span></em><span style="font-weight: 400;">that.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;They&rsquo;re trying to shut down the station.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Octavia&rsquo;s heart---</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Octavia&rsquo;s heart, so weak, turns a normal pace into a hummingbird-wing flutter, every vein in her body pulsing. The pounding envelops her body like light, the pounding moving her body as a marionette into the white light that everyone sees at the end of the end. She&rsquo;s walking into it. She should&rsquo;ve seen this coming.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">No one is ever allowed to have a safe haven in this galaxy. Everyone here is pitied by the outsiders, who live in their intricately designed, endlessly large homes. Breaking tradition is like shattering a bone, and holds the same weight as taking a singular brick out of a structure in the process of being built and watching it all crumble.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Conformity, remember. Everyone must conform.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">They&rsquo;re trying to shut down the station! Of course they are.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Station Z is Octavia&rsquo;s </span><em><span style="font-weight: 400;">home.</span></em><span style="font-weight: 400;"> They can&rsquo;t just - rip it from her like this; the station is at the center of Octavia&rsquo;s being. They can&rsquo;t do this. They---they can&rsquo;t.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Oh,&rdquo; she says, weak, as her body continues to melt into frailty.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;But we&rsquo;re not going to let that happen,&rdquo; says Vix, smiling confidently. He looks up to the ceiling, and to the floor, finally fixing his gaze right into Octavia&rsquo;s eyes. &ldquo;We&rsquo;ve got a plan.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;We do?&rdquo; Cedric asks, eyes widening.</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;We do. I came up with it just now.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Please, share this plan with the rest of us.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Vix freezes. &ldquo;Well, uh, Octavia, it kinda requires your participation, so I guess I should ask for that first.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;I&rsquo;ll do anything to save the station.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">His face twists into a smile, seemingly sinister; this is never good. &ldquo;Well, I think you should pay Lilac a visit and talk to her for a while.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;I don&rsquo;t follow.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;I want you to get close to Lilac---&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Okay? What will that accomplish?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;You didn&rsquo;t let me finish. Make her trust you, and then sabotage the investigation if she finds anything that can be used against my sister.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Octavia crosses her arms. &ldquo;Vix, that&rsquo;s not right. I&rsquo;m not going to do that, I---I </span><em><span style="font-weight: 400;">can&rsquo;t </span></em><span style="font-weight: 400;">morally do that.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Oh, so you want to lose the station?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Why can&rsquo;t one of you do it?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;We&rsquo;re&hellip; occupied.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;What?&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Besides, I don&rsquo;t get the vibe that Lilac would be interested in either of us. Especially not me, after what happened. You&rsquo;re the most personable, the kindest&hellip; you&rsquo;ve got a charm to you that I don&rsquo;t think she&rsquo;ll be able to resist.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;Well, thank you, but Vix, you don&rsquo;t get it. I wouldn&rsquo;t feel comfortable doing this. I&rsquo;m not a commodity.&rdquo;</span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">&ldquo;No, no, of course you&rsquo;re not! But you and I both know we can&rsquo;t just sit back and watch Station Z crumble. We have to do something, otherwise&hellip; everyone here will be without a home.&rdquo;</span></p>
<p><br /><span style="font-weight: 400;">Octavia sighs. She takes a breath, a deep inhale, holds for ten seconds, and exhales slowly. Vix is right. She has to do something. She cannot let this happen. Station Z is the universe&rsquo;s haven, at least in her naive eyes, and she </span><em><span style="font-weight: 400;">has </span></em><span style="font-weight: 400;">to save it. It is a holy duty.</span></p>
</h1>
</section>
</main>
<!-- Closing .layout: -->
</div>
<!-- Add any additional Javascript code (<script></script>) here. -->
</body>
<style>
/* -------------------------------------------------------- */
/* VARIABLES */
/* -------------------------------------------------------- */
/* Variables are used like this: var(--text-color) */
:root {
/* Background Colors: */
--background-color: #ffffff;
--content-background-color: #ffffff;
--sidebar-background-color: #ffffff;
/* Text Colors: */
--text-color: #000000;
--sidebar-text-color: #2500dd;
--link-color: #000d63;
--link-color-hover: #5e00ec;
/* Text: */
--font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック' , 'MS Gothic', 'Noto Sans CJK JP', TakaoPGothic, sans-serif;
--heading-font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ＭＳ ゴシック' , 'MS Gothic', 'Noto Sans CJK JP', TakaoPGothic, sans-serif;
--font-size: 18px;
/* Other Settings: */
--margin: 25px;
--padding: 24px;
--border: 10px inset #001457;
--round-borders: 0px;
--sidebar-width: 300px;
}
/* -------------------------------------------------------- */
/* BASICS */
/* -------------------------------------------------------- */
* {
box-sizing: border-box;
}
body {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
font-size: var(--font-size);
margin: 0;
padding: var(--margin);
color: var(--text-color);
font-family: var(--font);
line-height: 1.2;
font-weight: 900;
background: var(--background-color);
background-image: url("https://i.ibb.co/214VBwsN/pkg50004.jpg");
}
::selection {
/* (Text highlighted by the user) */
background: rgba(0, 0, 0, 0.2);
}
mark {
/* Text highlighted by using the <mark> element */
text-shadow: 1px 1px 4px var(--link-color);
background-color: inherit;
color: var(--text-color);
}
/* Links: */
a {
text-decoration: underline;
}
a,
a:visited {
color: var(--link-color);
}
a:hover,
a:focus {
color: var(--link-color-hover);
text-decoration: none;
}
/* -------------------------------------------------------- */
/* LAYOUT */
/* -------------------------------------------------------- */
.layout {
width: 1200px;
display: grid;
grid-gap: var(--margin);
grid-template: "header" auto "main" auto "footer" auto / auto;
/* Confused by the grid? Check out my tutorial: https://petrapixel.neocities.org/coding/positioning-tutorial#grid */
}
main {
grid-area: main;
overflow-y: auto;
padding: var(--padding);
background: var(--content-background-color);
border: var(--border);
border-radius: var(--round-borders);
}
/* -------------------------------------------------------- */
/* HEADER */
/* -------------------------------------------------------- */
header {
grid-area: header;
font-size: 1.2em;
border: var(--border);
border-radius: var(--round-borders);
background: var(--content-background-color);
}
.header-content {
padding: var(--padding);
}
.header-title {
font-family: var(--heading-font);
font-size: 1.5em;
font-weight: bold;
}
.header-image img {
width: 100%;
height: auto;
}
/* -------------------------------------------------------- */
/* SIDEBARS */
/* -------------------------------------------------------- */
aside {
grid-area: aside;
border: var(--border);
border-radius: var(--round-borders);
overflow: hidden;
background: var(--sidebar-background-color);
padding: var(--padding);
color: var(--sidebar-text-color);
}
.left-sidebar {
grid-area: leftSidebar;
}
.right-sidebar {
grid-area: rightSidebar;
}
.sidebar-title {
font-weight: bold;
font-size: 1.2em;
font-family: var(--heading-font);
}
.sidebar-section:not(:last-child) {
margin-bottom: 3em;
}
.sidebar-section ul,
.sidebar-section ol {
padding-left: 1.5em;
}
.sidebar-section > *:not(p):not(ul):not(ol):not(blockquote) {
margin-top: 10px;
}
/* Sidebar Blockquote: */
.sidebar-section blockquote {
background: rgba(0, 0, 0, 0.1);
padding: 15px;
margin: 1em 0;
border-radius: 10px;
overflow: hidden;
}
.sidebar-section blockquote > *:first-child {
margin-top: 0;
}
.sidebar-section blockquote > *:last-child {
margin-bottom: 0;
}
/* Site Button: */
.site-button {
display: flex;
flex-direction: column;
align-items: center;
}
.site-button textarea {
font-family: monospace;
font-size: 0.7em;
}
/* -------------------------------------------------------- */
/* NAVIGATION */
/* -------------------------------------------------------- */
nav {
margin-bottom: 3em;
}
nav .sidebar-title {
margin-bottom: 0.5em;
}
nav ul {
margin: 0 -5px;
padding: 0;
list-style: none;
user-select: none;
}
nav ul li {
margin-bottom: 0;
}
nav > ul li > a,
nav > ul li > strong {
display: inline-block;
}
nav > ul li > a,
nav > ul li > details summary,
nav > ul li > strong {
padding: 5px 10px;
}
nav > ul li > a.active,
nav > ul li > details.active summary {
font-weight: bold;
}
nav ul summary {
cursor: pointer;
}
nav ul ul li > a {
padding-left: 30px;
}
/* NAVIGATION IN HEADER */
header nav {
margin-bottom: 0;
}
header nav ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
header nav ul li {
position: relative;
}
header nav ul li:first-child > a {
padding-left: 0;
}
header nav ul li:last-child > a {
padding-right: 0;
}
/* Subnavigation (Drop-Down): */
header nav ul ul {
background: var(--content-background-color);
display: none;
position: absolute;
top: 100%;
left: 10px;
padding: 0.5em;
z-index: 1;
border: var(--border);
min-width: 100%;
box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
header nav ul li:hover ul,
header nav ul li:focus-within ul {
display: block;
}
header nav ul li strong {
color: var(--link-color);
text-decoration: underline;
font-weight: normal;
}
header nav ul ul li a {
display: block;
padding-left: 0;
padding-right: 0;
}
/* -------------------------------------------------------- */
/* CONTENT */
/* -------------------------------------------------------- */
main {
line-height: 1.5;
}
main a,
main a:visited {
color: var(--link-color);
}
main a:hover,
main a:focus {
color: var(--link-color-hover);
text-decoration-style: wavy;
}
main p,
main .image,
main .full-width-image,
main .two-columns {
margin: 0.75em 0;
}
main ol,
main ul {
margin: 0.5em 0;
padding-left: 1.5em;
}
main ol li,
main ul li {
margin-bottom: 0.2em;
line-height: 1.3;
}
main ol {
padding-left: 2em;
}
main blockquote {
background: rgba(0, 0, 0, 0.1);
padding: 15px;
margin: 1em 0;
border-radius: 10px;
}
main pre {
margin: 1em 0 1.5em;
}
main code {
text-transform: none;
}
main center {
margin: 1em 0;
padding: 0 1em;
}
main hr {
border: 0;
border-top: var(--border);
margin: 1.5em 0;
}
/* HEADINGS: */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
font-family: var(--heading-font);
margin-bottom: 0;
line-height: 1.5;
}
main h1:first-child,
main h2:first-child,
main h3:first-child,
main h4:first-child,
main h5:first-child,
main h6:first-child {
margin-top: 0;
}
main h1 {
font-size: 1.5em;
}
main h2 {
font-size: 1.4em;
}
main h3 {
font-size: 1.3em;
}
main h4 {
font-size: 1.2em;
}
main h5 {
font-size: 1.1em;
}
main h6 {
font-size: 1em;
}
/* COLUMNS: */
.two-columns {
display: flex;
}
.two-columns > * {
flex: 1 1 0;
margin: 0;
}
.two-columns > *:first-child {
padding-right: 0.75em;
}
.two-columns > *:last-child {
padding-left: 0.75em;
}
/* -------------------------------------------------------- */
/* CONTENT IMAGES */
/* -------------------------------------------------------- */
.image {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
.full-width-image {
display: block;
width: 100%;
height: auto;
}
.images {
display: flex;
width: calc(100% + 5px + 5px);
margin-left: -5px;
margin-right: -5px;
}
.images img {
width: 100%;
height: auto;
padding: 5px;
margin: 0;
overflow: hidden;
}
/* -------------------------------------------------------- */
/* ACCESSIBILITY */
/* -------------------------------------------------------- */
/* please do not remove this. */
#skip-to-content-link {
position: fixed;
top: 0;
left: 0;
display: inline-block;
padding: 0.375rem 0.75rem;
line-height: 1;
font-size: 1.25rem;
background-color: var(--content-background-color);
color: var(--text-color);
transform: translateY(-3rem);
transition: transform 0.1s ease-in;
z-index: 99999999999;
}
#skip-to-content-link:focus,
#skip-to-content-link:focus-within {
transform: translateY(0);
}
/* -------------------------------------------------------- */
/* MOBILE RESPONSIVE */
/* -------------------------------------------------------- */
/* CSS Code for devices < 800px */
@media (max-width: 800px) {
body {
font-size: 14px;
}
.layout {
width: 100%;
grid-template: "header" auto "rightSidebar" auto "main" auto "leftSidebar" auto "footer" auto / 1fr;
/* Confused by the grid? Check out my tutorial: https://petrapixel.neocities.org/coding/positioning-tutorial#grid */
}
aside {
border-bottom: 1px solid;
padding: 9px;
font-size: 0.9em;
}
nav {
padding: 0;
}
nav > ul {
padding-top: 0.5em;
}
nav > ul li > a,
nav > ul li > details summary,
nav > ul li > strong {
padding: 0.5em;
}
main {
max-height: none;
padding: 15px;
}
.images {
flex-wrap: wrap;
}
.images img {
width: 100%;
}
#skip-to-content-link {
font-size: 1rem;
}
}
</style>
</html>
Reference in a new issue Copy permalink