@import "base/reset.scss";
@import "base/variables.scss";
@import "base/mixins.scss";
@import "base/sections.scss";
@import "base/page.scss";
@import "base/list.scss";

@import "base/links.scss";
//@import "base/paper.scss";
@import "libraries/photoswipe.scss";

@import "components/pullquote.scss";
@import "components/button.scss";
@import "components/h-card.scss";
@import "components/intro.scss";
@import "components/praise.scss";
@import "components/devices.scss";
@import "components/terminal.scss";

@import "content/index.scss";
@import "content/work.scss";
	@import "content/work/trilogy.scss";
	@import "content/work/mastodon.scss";
	@import "content/work/go-fed.scss";
@import "content/code.scss";
@import "content/blog.scss";

@import "partials/site-header.scss";
@import "partials/site-footer.scss";
@import "partials/breadcrumbs.scss";

@media (min-width: 2500px) {
	main {
		overflow: hidden;
		position: relative;
	}
	main:before {
		content: '...what, you actually use your browser at this width? god, what a waste of space...';
		position: fixed;
		left: 5%;
		bottom: 1em;
		max-width: 40ch;
	}
	main:after {
		content: 'although, i kinda want to create a website that actually makes use of it... one day, maybe?';
		position: fixed;
		right: 5%;
		bottom: 1em;
		max-width: 40ch;
	}
}