CSS Test Page

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Suscipit facere magnam corporis porro quia impedit quo, fugiat delectus rem atque numquam dignissimos voluptas amet ab doloremque quasi fugit dolorem debitis.

This is a link

I don't remember what I was going to use this for but I'm leaving it in anyways.

4chan greentext in August 2024
Line 1
Line 2
span 1
span 2 
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit id reiciendis nostrum quis quisquam praesentium labore rem velit sit? Tempora, dolores doloremque quibusdam enim est quam tempore atque ab. Asperiores.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Necessitatibus sapiente natus consectetur dignissimos consequatur beatae, optio delectus possimus a sint nam blanditiis corrupti officiis distinctio repellendus id labore quia maiores.

Lorem ipsum dolor sit amet consectetur adipisicing 
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Lorem ipsum dolor sit, amet consectetur adipisicing elit
Lorem ipsum dolor sit amet consectetur adipisicing elit
</code shit here>
what
about
lines
... oh well
<pre> works better for this anyways


Header 1 Header 2 Header 3
Data 1 Data 2 Data 3
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Soluta numquam cum aliquam error deleniti. Debitis officia molestias eligendi voluptatibus id, esse nemo adipisci numquam maiores eius dolore, ea et delectus!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusamus, consequatur obcaecati? Ea voluptatibus commodi eius illo dolor rerum corrupti repellat minima alias quaerat, recusandae ipsa placeat atque architecto blanditiis quasi.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Exercitationem magnam et quidem rerum consequatur dicta, nulla eum tenetur in! Vel ipsam asperiores, ullam et exercitationem porro? A tempore voluptatem excepturi.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus corporis numquam, sequi exercitationem quaerat eveniet, ut illum non deleniti, vitae molestias ab. Laborum beatae modi cupiditate mollitia assumenda repellat eos.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni animi nostrum ipsum consequuntur eaque minima error vel incidunt perferendis eligendi! Ducimus fugit cupiditate omnis mollitia quo possimus reiciendis quis assumenda.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsum impedit dicta velit mollitia doloremque laborum distinctio fugit aut, quisquam enim illo officiis pariatur quam veniam sit voluptas? Nulla, praesentium quae.

I hope you learned a lot from this 

body {
	background-color: #0d1117;
	color: #EEE;
    font: 16px Arial, Helvetica, Sans-Serif;
    line-height: 1.5;
}
/* I'll think about it. */
body {
	margin: 1em auto;
	width: 1000px;
}

@media (min-width: 800px) {
	img {
		max-width: 100%;
	}
}

#content-mainpage {
  text-align: center;
}

/* For phonefags (Thanks ChatGPT, I would've never cared otherwise) */
@media (max-width: 799px) {
	body {
		width: 90%;
		margin: 20px auto;
		font-size: 0.95em;
	}
}

img {
	max-width: 100%;
	height: auto;
}

div#content {
	margin-left: 1em
}
/* Still thinking but I'll leave it like this for now */
a {
	color: #bbbcf7;
	text-decoration: none;
}

a:hover {
	color: #a1a3f5;
}

a:active {
	color: #9293d1;
}

hr {
	color: #CACACA;
}

#center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#notfound:hover {
	color: red;
	cursor: pointer;
}

.quote {
	color: #789922;
}

.quote::before {
	content: ">";
}

pre {
    font-family: monospace;
    font-size: 0.9em;
    background-color: #242424;
    border: 1px solid #515151;
    overflow-x: auto;
    line-height: 1.2em;
    max-width: fit-content;
    padding: 0.4em;
}

span.code {
	font-family: monospace;
	font-size: 0.9em;
	background: #242424;
	border: 1px solid #515151;
	padding: 0em 0.4em;
}

ul {
	margin: 0;
}

.steamdeckbutton {
	width: 50px;
	vertical-align: middle;
}

table,
th,
td {
	border: 2px solid #AAA;
	border-collapse: collapse;
	padding: 5px 11px 5px 13px;
    font-family: monospace
}

th {
	font-weight: bold
}

td {
	text-align: center
}
button {
    background-color: #21262d;
    color: #EEE;
    border: 1px solid #30363d;
    border-radius: 5px;
}

button:hover {
    background-color: #30363d;
    color: #FFF;
}

button:active {
    background-color: #161b22;
    color: #EEE;
}

.hljs {
    background: initial;
}