@import "/assets/stylesheets/common.css"; :root { background: black; } weedentry- { display: block; background: color-mix(in srgb, yellowgreen, transparent 90%); padding: 1rem; & > * { margin-bottom: 1.25rem; } & >:last-child { margin-bottom: unset; } /* div class="bg-[#000900] p-3 sm:p-4 space-y-5" */ } @media screen and (max-width: 40rem) { weedentry- { padding: 0.75rem; } } weedheading- { display: block; font-size: 3rem; } @media screen and (max-width: 48rem) { weedheading- { font-size: 2.25rem; } } a { cursor: pointer; text-decoration: underline; } weedmain- { display: block; margin: 0 auto; width: fit-content; img { margin-bottom: 0.15rem; max-height: 60vh; } /* div class="mx-auto w-fit" */ } body { font-family: 'Impact', var(--fonts-default); color: yellowgreen; a { color: yellowgreen; } background: #000; max-width: 50rem; margin: 0 auto; padding: 0.75rem; & > * { margin-bottom: 2.5rem; } /* */ } #backbutton { position: fixed; top: 4rem; right: 3rem; padding: 0.5rem 1rem; background: yellowgreen; color: color-mix(in srgb, yellowgreen 35%, #000); font-size: var(--text-xl); border: ridge 3px olive; box-shadow: 0 0.05rem 0.5rem 0.125rem rgba(0, 0, 0, 0.5); /* * { margin-right: -2.5rem; } /* div class="w-fit flex -space-x-10" */ } div >:last-child { margin-right: unset; } /* class="flex max-sm:flex-col w-fit mx-auto" */ } @media screen and (max-width: 40rem) { #weedletters { flex-direction: column; } } #disclaimer { font-size: var(--text-3xl); /* class="text-2xl sm:text-3xl wrap-anywhere" */ } @media screen and (max-width: 40rem) { #disclaimer { font-size: var(--text-2xl); } } #entries { margin: 0 auto 2.5rem 0; & > * { margin-bottom: 2.5rem; } /* class="mx-auto mb-10 space-y-10" */ }