add inventories

3 files changed, 1 insertions, 856 deletions

diff --git a/static/backgrounds/67.jpg b/static/backgrounds/67.jpg
index 4e23623..628256a 100644
--- a/static/backgrounds/67.jpg
+++ b/static/backgrounds/67.jpg
diff --git a/static/emoji/1f6b6.svg b/static/emoji/1f6b6.svg
index 124c296..758c068 100644
--- a/static/emoji/1f6b6.svg
+++ b/static/emoji/1f6b6.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#292F33" d="M18.011 34.975l-.052.016c.018-.068.042-.19.042-.383 0-.303-.156-.869-.199-.95s-.09-.139-.194-.11c-.079.022-.685.326-1.072.341-.719.027-1.066-.618-1.066-.618s-.399.228-.716.413c-.318.185-.687.462-.959.627-.232.141-.497.208-.771.243s-.497.023-.563.029c-.066.006-.621-.061-.641.488l.003.127-.054-.026s-.048.17-.052.202c-.004.033-.024.052.046.096.07.044.378.176.77.274s1.028.243 1.519.243.909-.098 1.151-.156c.243-.058.763-.169.813-.146.05.023.116.191.173.243.058.052 1.61-.081 1.721-.104.112-.023.146-.119.146-.162v-.649c.002-.027-.021-.045-.045-.038zm10.947-3.752l-.504-.429c-.019-.016-.048-.011-.059.012l-.022.051c-.041-.059-.12-.158-.269-.285-.235-.2-.777-.454-.868-.473-.091-.02-.167-.022-.213.077-.035.076-.199.746-.444 1.056-.454.575-1.184.418-1.184.418l-.153.828c-.067.368-.096.838-.148 1.158-.044.273-.167.523-.322.758-.154.236-.31.4-.35.456-.039.055-.457.441-.045.82l.101.081-.055.025s.1.149.122.174c.022.025.025.053.104.028s.386-.177.721-.416c.336-.24.868-.637 1.192-1.018.325-.381.524-.77.64-.996.116-.226.373-.703.424-.727.051-.024.224.036.303.026.078-.01 1.001-1.302 1.057-1.403s.005-.193-.028-.221z"/><path fill="#F9CA55" d="M19.3 12.243c.927.96 3.062 2.89 3.109 3.121.251 1.223.614 2.606.52 3.454-.068.615.376 1.298.551 1.583.218.354.781.898 1.141.86.224-.023.567-.43.384-.636-.357-.4-.298-1.009-.522-1.559-.449-1.105-.045-3.194-.661-4.563-.256-.567-.733-1.693-2.824-3.626-.511.462-1.698 1.366-1.698 1.366z"/><path fill="#2A6797" d="M16.062 34.203c-1.266.109-1.853-.233-1.721-.416.165-.228.128-.397.13-.536C14.499 30.81 14 27.26 14 27.26c0-.348.003-.813.312-1.562.778-1.883 3.951-7.69 3.951-7.69.548-.958 1.771-1.293 2.729-.744.959.548 1.122 1.405.744 2.729-.715 2.508-2.965 5.602-3.903 7.477.224 2.121-.174 3.853.035 5.857.03.288-.54.767-1.806.876z"/><path fill="#4289C1" d="M26.797 31.931c-.364.553-.97.942-1.598.838-1.269-1.924-4.955-5.321-4.955-5.321-.241-.25-.562-.587-.86-1.341-.748-1.895-2.498-8.277-2.498-8.277-.272-1.07.376-2.16 1.446-2.43 1.07-.272 1.783.232 2.43 1.446 1.227 2.301 1.757 6.09 2.384 8.09 1.87 1.568 2.383 3.603 4.275 5.151-.065.857-.26 1.291-.624 1.844z"/><path fill="#FFDC5D" d="M18.604 1.418c-1.616-.481-3.893.53-4.11 2.372-.303 2.57 1.323 4.585 2.901 4.276 1.654-.324 2.648-.782 3.177-2.559.528-1.777-.352-3.608-1.968-4.089z"/><path fill="#FFDC5D" d="M20.165 5.988c2.045-2.867-3.411-2.136-3.411-2.136-1.034.127-.172 1.793-.579 2.778-.279.682 1.16.907 1.16.907s.646-.065.748.716l.001.007c.025.199.024.438-.042.763-.329 1.61 1.862 2.392 2.19.779.13-.638.012-1.18-.124-1.677l-.013-.045c-.205-.74-.435-1.383.07-2.092z"/><path fill="#FFAC33" d="M20.616 1.791c-.861-.977-3.527-1.676-5.056-.215-1.154-.1-1.497 1.019-1.347 1.633.12.49 1.352.514 1.739 1.431.193-.255.207-.744.139-.999.421.341.336 1.339 1.92 1.85 1.532.494 1.382 1.822 1.382 1.822s.747-.435 1.235-1.109c.934-1.286.937-3.336-.012-4.413z"/><path fill="#FA743E" d="M23 20s0 1-2 1h-4.898c1-4.578-.094-5.84.241-8.581.361-2.954 2.287-4.771 3.475-4.34 1.822.661 2.693 2.641 2.932 5.858S23 20 23 20z"/><path fill="#FFDC5D" d="M17.75 11.792c-.167 1.399-.322 4.433-.479 4.625-.833 1.021-1.722 2.24-2.479 2.729-.549.354-.811 1.174-.927 1.507-.144.414-.213 1.238.057 1.507.169.168.73.177.776-.11.09-.559.626-.917.927-1.467.604-1.104 2.583-2.167 3.292-3.584.294-.588.896-1.729 1.083-4.729-.72-.11-2.25-.478-2.25-.478z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#292f33" d="M18.011 34.975l-.052.016c.018-.068.042-.19.042-.383a3.51 3.51 0 0 0-.199-.95c-.043-.081-.09-.139-.194-.11-.079.022-.685.326-1.072.341-.719.027-1.066-.618-1.066-.618l-.716.413c-.318.185-.687.462-.959.627-.232.141-.497.208-.771.243s-.497.023-.563.029-.621-.061-.641.488l.003.127-.054-.026-.052.202c-.004.033-.024.052.046.096s.378.176.77.274 1.028.243 1.519.243.909-.098 1.151-.156.763-.169.813-.146.116.191.173.243 1.61-.081 1.721-.104.146-.119.146-.162v-.649c.002-.027-.021-.045-.045-.038zm10.947-3.752l-.504-.429c-.019-.016-.048-.011-.059.012l-.022.051c-.041-.059-.12-.158-.269-.285-.235-.2-.777-.454-.868-.473s-.167-.022-.213.077c-.035.076-.199.746-.444 1.056-.454.575-1.184.418-1.184.418l-.153.828c-.067.368-.096.838-.148 1.158-.044.273-.167.523-.322.758s-.31.4-.35.456-.457.441-.045.82l.101.081-.055.025.122.174c.022.025.025.053.104.028s.386-.177.721-.416.868-.637 1.192-1.018.524-.77.64-.996.373-.703.424-.727.224.036.303.026 1.001-1.302 1.057-1.403.005-.193-.028-.221z"/><path fill="#f9ca55" d="M19.3 12.243l3.109 3.121c.251 1.223.614 2.606.52 3.454-.068.615.376 1.298.551 1.583.218.354.781.898 1.141.86.224-.023.567-.43.384-.636-.357-.4-.298-1.009-.522-1.559-.449-1.105-.045-3.194-.661-4.563-.256-.567-.733-1.693-2.824-3.626-.511.462-1.698 1.366-1.698 1.366z"/><path fill="#2a6797" d="M16.062 34.203c-1.266.109-1.853-.233-1.721-.416.165-.228.128-.397.13-.536C14.499 30.81 14 27.26 14 27.26a3.64 3.64 0 0 1 .312-1.562c.778-1.883 3.951-7.69 3.951-7.69a2 2 0 0 1 2.729-.744c.959.548 1.122 1.405.744 2.729-.715 2.508-2.965 5.602-3.903 7.477.224 2.121-.174 3.853.035 5.857.03.288-.54.767-1.806.876z"/><path fill="#4289c1" d="M26.797 31.931c-.364.553-.97.942-1.598.838-1.269-1.924-4.955-5.321-4.955-5.321-.241-.25-.562-.587-.86-1.341-.748-1.895-2.498-8.277-2.498-8.277a2 2 0 0 1 1.446-2.43c1.07-.272 1.783.232 2.43 1.446 1.227 2.301 1.757 6.09 2.384 8.09 1.87 1.568 2.383 3.603 4.275 5.151-.065.857-.26 1.291-.624 1.844z"/><g fill="#ffdc5d"><path d="M18.604 1.418c-1.616-.481-3.893.53-4.11 2.372-.303 2.57 1.323 4.585 2.901 4.276 1.654-.324 2.648-.782 3.177-2.559s-.352-3.608-1.968-4.089z"/><path d="M20.165 5.988c2.045-2.867-3.411-2.136-3.411-2.136-1.034.127-.172 1.793-.579 2.778-.279.682 1.16.907 1.16.907s.646-.065.748.716l.001.007c.025.199.024.438-.042.763-.329 1.61 1.862 2.392 2.19.779.13-.638.012-1.18-.124-1.677l-.013-.045c-.205-.74-.435-1.383.07-2.092z"/></g><path fill="#ffac33" d="M20.616 1.791c-.861-.977-3.527-1.676-5.056-.215-1.154-.1-1.497 1.019-1.347 1.633.12.49 1.352.514 1.739 1.431.193-.255.207-.744.139-.999.421.341.336 1.339 1.92 1.85 1.532.494 1.382 1.822 1.382 1.822s.747-.435 1.235-1.109c.934-1.286.937-3.336-.012-4.413z"/><path fill="#fa743e" d="M23 20s0 1-2 1h-4.898c1-4.578-.094-5.84.241-8.581.361-2.954 2.287-4.771 3.475-4.34 1.822.661 2.693 2.641 2.932 5.858L23 20z"/><path fill="#ffdc5d" d="M17.75 11.792l-.479 4.625c-.833 1.021-1.722 2.24-2.479 2.729-.549.354-.811 1.174-.927 1.507-.144.414-.213 1.238.057 1.507.169.168.73.177.776-.11.09-.559.626-.917.927-1.467.604-1.104 2.583-2.167 3.292-3.584.294-.588.896-1.729 1.083-4.729-.72-.11-2.25-.478-2.25-.478z"/></svg>
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
deleted file mode 100644
index 42a44fa..0000000
--- a/static/style.css
+++ /dev/null
@@ -1,855 +0,0 @@
-:root {
-	--theme-main-background: #111;
-	--theme-lighter-background: #222;
-	--theme-lightest-background: #333;
-
-	--theme-main-text: #eee;
-	--theme-darker-text: #999;
-	--theme-transparent-border: rgba(128,128,128,.3);
-
-	--theme-yellow: #ff0;
-}
-
-/* minecraft font */
-@font-face {
-	font-family: Minecraft;
-	src: url(https://cdn.matdoes.dev/fonts/Minecraft.ttf);
-	font-display: swap;
-}
-
-/* latin-ext */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: italic;
-	font-weight: 400;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-italic.woff2) format('woff2');
-	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: italic;
-	font-weight: 400;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-italic.woff2) format('woff2');
-	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: italic;
-	font-weight: 700;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-italic-bold.woff2) format('woff2');
-	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: italic;
-	font-weight: 700;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-italic-bold.woff2) format('woff2');
-	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-  }
-/* latin-ext */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-italic-bold.woff2) format('woff2');
-	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-  }
-/* latin */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin.woff2) format('woff2');
-	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-ext-bold.woff2) format('woff2');
-	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-	font-family: 'Atkinson Hyperlegible';
-	font-style: normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url(https://cdn.matdoes.dev/fonts/atkinson-hyperlegible/latin-bold.woff2) format('woff2');
-	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-  
-
-
-
-body {
-	font-family: Twemoji, 'Atkinson Hyperlegible', sans-serif;
-	color: var(--theme-main-text);
-	background-color: var(--theme-main-background);
-	margin: 0;
-	overflow-x: hidden;
-}
-html {
-	scroll-behavior: smooth
-}
-
-/* content is uglier when its max width */
-main {
-	margin: 0 auto;
-	width: 80%;
-	padding: 1em;
-}
-
-.member-container {
-	position: relative
-}
-
-/* makes random height and stuff look less broken */
-* {
-	box-sizing: border-box;
-	vertical-align: baseline;
-}
-
-/* base styles for inputs */
-input[type=text], input[type=submit] {
-	-webkit-appearance: none;
-	background-color: transparent;
-	color: var(--theme-darker-text);
-	transition-duration: 250ms;
-	border: 1px solid var(--theme-transparent-border);
-	border-radius: 4px;
-	margin: 0;
-	height: 2em;
-	font-size: 1em;
-}
-
-/* base styles for text input boxes */
-input[type=text] {
-	text-align: left;
-	padding-left: .5em
-}
-/* Selecting a text box */
-input[type=text]:focus {
-	/* make the text lighter */
-	color: var(--theme-main-text)
-}
-
-
-/* base styles for buttons */
-input[type=submit] {
-	margin-left: .2em;
-	cursor: pointer;
-}
-/* Hovering over a button */
-input[type=submit]:hover {
-	/* make the text lighter */
-	color: var(--theme-main-text)
-}
-
-/* base styles for anchor tags */
-a {
-	color: #19f;
-	text-decoration: none;
-}
-
-
-h1 {
-	font-size: 2.5em;
-	overflow-wrap: anywhere
-}
-h2, h3 {
-	margin-top: 0;
-	margin-bottom: .2em
-}
-hr {
-	opacity: .2
-}
-button {
-	outline: none;
-	font-family: inherit
-}
-
-
-.enter-username-button, .view-profiles-button {
-	/* add a slight shadow on the form in the index page */
-	box-shadow: 0 0 1em #000;
-}
-.enter-username-button {
-	max-width: calc(90vw - 8em);
-}
-
-/* the main "SkyBlock stats" title */
-#main-title {
-	text-align: center;
-	font-size: calc(2em + 1vw);
-	margin-top: 0;
-	/*! top: 1em; */
-	/*! position: relative; */
-	padding-top: .5em;
-}
-
-/* the main "enter username" form */
-.user-form {
-	text-align: center;
-	font-size: 1.25rem;
-
-	/* center the forms */
-	margin: 0 auto;
-	width: max-content;
-}
-
-.username {
-	/* usernames have the minecraft font */
-	font-family: Minecraft, sans-serif;
-	/* rreduce the size of the text because the font is too big */
-	font-size: .8em;
-	overflow-wrap: anywhere
-}
-
-.emoji {
-	position: relative;
-	height: 1em;
-	vertical-align: text-bottom;
-	bottom: .1em
-}
-
-.username-rank-prefix {
-	font-family: Minecraft, sans-serif;
-	font-size: .8em;
-	overflow-wrap: anywhere
-}
-
-.profile-name {
-	margin-right: .5em
-}
-
-.profile-members {
-	color: var(--theme-main-text)
-}
-.profile-members .username {
-	margin-right: .35em;
-}
-
-.profile-list, .leaderboard-profile-list {
-	font-size: 1.5em;
-}
-
-.profile-list-item {
-	margin-bottom: .5em;
-	color: var(--theme-darker-text)
-}
-.profile-list-item-active {
-	color: #fff
-}
-.profile-list-item-online {
-	color: #0e0
-}
-
-.head {
-	user-select: none
-}
-
-.head2d {
-	/* pixelated rendering on 2d heads */
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
-	/* make the head centered correctly */
-	position: relative;
-	top: .1em;
-	/* same size as font */
-	height: 1em;
-	width: 1em;
-}
-
-.head3d {
-	/* make the head centered correctly */
-	position: relative;
-	top: .2em;
-	/* same size as font */
-	height: 1em;
-	width: 1em;
-}
-
-.userHead {
-	/* make the head not be touching the username */
-	margin-right: .2em;
-}
-
-/* add a collapsible svg arrow */
-.collapseArrow {
-	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTcuNSA0Ljc1bC03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6IiBmaWxsPSIjYWFhIi8+IDwvc3ZnPg==);
-	width: 20px;
-	height: 20px;
-	display: inline-block;
-	margin-right: 1em;
-	/* transition-duration: 100ms */
-}
-
-.collapsePart:not(.collapsed) .collapseArrow {
-	transform: rotate(-180deg)
-}
-
-.sectionTitle {
-	display: inline-block;
-	margin: 0;
-	text-shadow: 0 0 .5em #000;
-}
-
-/* hide all elements preceding a collapsed section */
-.collapsePart.collapsed ~ * {
-	display: none
-}
-.collapsePart {
-	cursor: pointer
-}
-
-#categories section {
-	margin-bottom: .5em
-}
-
-h2.sectionTitle {
-	font-size: 1.5em
-}
-
-#toc {
-	border: 1px solid rgba(255,255,255,0.1);
-	max-width: max-content;
-	padding: .75em;
-	border-radius: 1em;
-
-	display: inline-block;
-	background: rgba(0,0,0,.1);
-}
-#toc li {
-	list-style-type: none;
-}
-.member-leaderboard-item-anchor {
-	color: inherit
-}
-.member-leaderboard-item {
-	list-style-type: none
-}
-
-.item {
-	display: inline-block;
-	font-size: 32px;
-	width: 1.2em;
-	height: 1.2em;
-	transition-property: font-size;
-	transition-duration: 500ms
-}
-.item-slot {
-	border: 1px solid #888;
-	border-radius: .1em
-}
-.item img {
-	position: absolute;
-	margin-top: .075em;
-	margin-left: .075em;
-	width: 1em;
-	height: 1em;
-}
-/* only pixelate items if they're not a head */
-.item img:not(.item-custom-head) {
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
-}
-
-.item-slot {
-	margin: .05em
-}
-
-.item-count {
-	font-size: .45em;
-	float: right;
-	position: relative;
-	top: 1.21em;
-	right: .1em;
-	font-family: Minecraft
-}
-
-.inventory-content:not(.inventory-content-active) {
-	display: none
-}
-
-#inventory-tabs {
-	margin-bottom: 1em;
-	margin-bottom: 1em;
-	overflow: hidden;
-	border-radius: 1em;
-	max-width: max-content;
-	width: min(40em, 100%);
-}
-.inventory-tab {
-	background-color: var(--theme-lighter-background);
-	color: var(--theme-main-text);
-	border: none;
-	padding: 1em;
-	cursor: pointer;
-	transition-duration: 200ms
-}
-.inventory-tab:hover, .inventory-tab-active {
-	background-color: var(--theme-lightest-background)
-}
-
-#global-tooltip {
-	position: absolute;
-	user-select: none;
-	pointer-events: none;
-	overflow: hidden;
-	z-index: 100;
-	background-color: #0a0a0aee;
-	padding: 0 .25rem;
-	border-radius: 3px;
-	box-shadow: 0 0 0 3px #206,0 0 0 6px #000;
-	font-family: Minecraft;
-	white-space: nowrap;
-}
-#global-tooltip p {
-	margin: 0
-}
-#global-tooltip .item-lore-name {
-	margin-bottom: .5em
-}
-
-
-#armor {
-	margin-right: 2em;
-	height: 16em;
-	display: inline-block;
-}
-#armor.armor-float {
-	float: left
-}
-
-#inventories {
-	display: inline-block;
-	min-height: 16em
-}
-.inventory-container-armor .item-slot {
-	display: block;
-	margin-bottom: .25em
-}
-img.item-custom-head {
-	width: .75em;
-	height: .75em;
-	margin-top: .1875em;
-	margin-left: .1875em;
-}
-
-.github-mark {
-	position: absolute;
-	top: .75em;
-	left: .75em;
-	opacity: .2;
-	transition-property: opacity;
-	transition-duration: 200ms;
-}
-.github-mark:hover {
-	opacity: .4
-}
-
-.list-item-with-icon {
-	list-style: none;
-	padding-left: 1.2em;
-	position: relative;
-	right: 1.2em;
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
-}
-
-tr {
-	text-align: left
-}
-
-.minions-table-locked {
-	opacity: .2
-}
-.minions-table-unlocked {
-	color: #3e3
-}
-
-.darker-text {
-	color: var(--theme-darker-text)
-}
-.main-text {
-	color: var(--theme-main-text)
-}
-
-@media only screen and (max-width: 490px) {
-	#inventories .item {
-		font-size: 24px
-	}
-}
-@media only screen and (max-width: 370px) {
-	#inventories .item {
-		font-size: 16px
-	}
-}
-
-
-
-#main-header {
-	background-color: var(--theme-background);
-	box-shadow: 0 0 1em rgba(0, 0, 0, .8)
-}
-
-header {
-	padding: .5rem 10%;
-}
-header .user-form {
-	margin: 0;
-	display: inline-block
-}
-header .enter-username-button {
-	box-shadow: none;
-}
-
-.back-arrow {
-	float: left;
-	transition: stroke 200ms;
-	stroke: var(--theme-darker-text);
-	margin-top: .4em;
-	margin-right: 1em;
-}
-.back-arrow:hover {
-	stroke: var(--theme-main-text)
-}
-
-#infobox {
-	float: right;
-	max-width: 95%;
-	background-color: rgba(20,20,20,.4);
-	padding: 1em;
-	margin-top: 2em;
-	width: 20em;
-	border-radius: .5em;
-	box-shadow: 0 0 1em #000;
-}
-
-#infobox p {
-	margin: 0 0 .25em 0;
-}
-
-@media only screen and (max-width: 600px) {
-	#infobox {
-		position: relative;
-		right: -2em;
-		margin-top: 0
-	}
-}
-@media only screen and (max-width: 550px) {
-	#infobox {
-		position: unset;
-		box-shadow: none;
-		float: none;
-		border: 1px solid var(--theme-lighter-background);
-	}
-}
-
-#login-button {
-	position: absolute;
-	right: .5em;
-	top: .5em;
-	border: 1px solid var(--theme-lighter-background);
-	padding: .5em;
-	transition-property: border, background-color;
-	transition-duration: 200ms;
-	border-radius: .5em;
-	color: var(--theme-main-text)
-}
-#login-button:hover {
-	background-color: var(--theme-lighter-background);
-	border-color: var(--theme-lightest-background);
-}
-#edit-profile-things {
-	margin-top: 2em
-}
-#edit-profile-title {
-	margin-bottom: 0
-}
-#background-selector {
-	display: flex;
-	flex-wrap: wrap
-}
-#background-selector > span {
-	display: inline-block;
-	height: 10em;
-	width: 18em;
-	background-position: center;
-	background-size: 110%;
-	margin: .5em;
-	border-radius: 1em;
-	transition: background-size 500ms;
-	cursor: pointer
-}
-#background-selector > span:hover {
-	background-size: 125%;
-}
-#profile-emoji-selector {
-	width: 2em;
-	padding: 0;
-	text-align: center;
-}
-
-
-.leaderboard-profile-list-item {
-	overflow-wrap: break-word
-}
-#leaderboard-profile-list {
-	margin-top: 1em
-}
-#leaderboard-title {
-	margin-bottom: 0
-}
-#leaderboard-info {
-	margin-top: .5em;
-	display: block
-}
-.skill-extra-info {
-	position: absolute;
-	opacity: .5;
-	left: 23em
-}
-.skill-level {
-	opacity: .9
-}
-.skill-maxed {
-	color: #0e0;
-	opacity: 1
-}
-.tooltip {
-	position: relative;
-	cursor: pointer;
-	/* commented out because idk why this is here */
-	/* max-width: max-content */
-}
-.tooltip::after {
-	font-size: 1rem;
-	display: inline-block;
-	left: 50%;
-	opacity: 0;
-	position: absolute;
-	z-index: -100;
-	background: var(--theme-lightest-background);
-	border-radius: .25em;
-	bottom: 125%;
-	color: var(--theme-main-text);
-	content: attr(data-tooltip);
-	margin-left: max(calc(-50% - 1em), -5em);
-	padding: .5em;
-	transition: all 200ms;
-	transform: scale(.6) translateY(50%);
-	width: max-content;
-	text-align: center;
-	max-width: 10em;
-	cursor: auto;
-	box-shadow: 0 0 1em .5em #0002;
-	pointer-events: none
-}
-.tooltip:hover::after, .tooltip:focus::after {
-	opacity: .9;
-	transform: scale(1) translateY(0);
-	z-index: 100;
-}
-/* hide all the tooltips after if one is selected, unfortunately we can't select all the elements before :( */
-.tooltip:focus ~ .tooltip::after {
-	transform: scale(.6) translateY(50%);
-	opacity: 0
-}
-.leaderboard-title-with-icon {
-	padding-left: 1.2em;
-	position: relative;
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
-}
-
-.item-custom-head {
-	image-rendering: auto
-}
-
-.total-stat {
-	font-size: 1.2em;
-	list-style-type: none;
-	position: relative;
-	right: 1em;
-	bottom: .5em
-}
-
-.profile-skills {
-	display: inline-block;
-	position: absolute;
-	margin: 1em;
-	margin-top: 1.6em;
-}
-
-.profile-skills > ul {
-	margin-top: 0;
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	grid-column-gap: 2em;
-}
-
-.profile-skills > ul > li {
-	width: 10em
-}
-
-
-#collections ul {
-	margin: 0;
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	grid-column-gap: 0;
-	width: fit-content
-}
-
-#collections ul > li {
-	width: 12em;
-	height: 1.5em;
-	text-overflow: ellipsis;
-}
-
-#collections h3 {
-	margin: .5em 0 .5em .5em;
-}
-
-@media only screen and (max-width: 1000px) {
-	.profile-skills {
-		position: unset;
-		display: block;
-		width: max-content;
-	}
-	.blurred-background-container-container {
-		left: 0!important;
-		width: 100vw!important;
-		clip: rect(-1.7em, auto, auto, auto);
-	}
-}
-
-@media only screen and (max-width: 500px) {
-	.profile-skills {
-		margin-left: 0;
-		margin-right: 0
-	}
-}
-@media only screen and (max-width: 410px) {
-	.profile-skills > ul {
-		grid-template-columns: repeat(1, 1fr);
-	}
-}
-
-
-.unvisited-zone {
-	opacity: .5
-}
-
-.profile-skills > ul > li {
-	margin: .25em .25em 0 0;
-}
-
-
-.blurred-background-container-container {
-	position: absolute;
-	width: 47rem;
-	height: calc(100% + 1em);
-	z-index: -9;
-	overflow: hidden;
-	clip: rect(-1em, auto, auto, -2em);
-}
-@media only screen and (max-width: 1400px) {
-	.blurred-background-container-container {
-		left: calc(5em + 5%);
-		width: 90%;
-		clip: rect(-1.7em, auto, auto, -10em);
-	}
-	main {
-		margin-top: .75em
-	}
-}
-.blurred-background {
-	position: fixed;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	z-index: -10;
-	object-fit: cover;
-	background-blend-mode: overlay;
-	filter: blur(1em) brightness(.6);
-}
-.profile-emoji {
-	margin-left: .25em
-}
-
-.mayor-grid {
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	grid-column-gap: 1em;
-	grid-row-gap: 1em;
-	margin-top: 1em;
-	margin-bottom: 1em;
-}
-.mayor {
-	display: inline-block;
-	width: 12em;
-	margin-right: 1em;
-	vertical-align: top;
-}
-.mayor h3 {
-	filter: brightness(1.5);
-	text-align: center;
-}
-.mayor img {
-	display: block;
-	width: 5em;
-	margin: 0 auto;
-}
-.mayor-vote-count-number {
-	filter: brightness(1.2);
-}
-.mayor-vote-count {
-	text-align: center;
-	width: 100%;
-	margin: 0 0 .5em 0;
-}
-.mayor-perk h4 {
-	margin-bottom: 0
-}
-.mayor-perk p {
-	margin: 0
-}
-.mayor-candidates {
-	/* display: ; */
-	/* everything next to each other */
-	/* grid-template-columns: repeat(5, 1fr); */
-	max-width: fit-content
-}
-.mayor-perks {
-	list-style-type: none;
-	padding: 0
-}
-.candidate-year {
-	font-weight: normal;
-	color: var(--theme-darker-text)
-}
-.mayor-winner {
-	color: var(--theme-yellow);
-	font-weight: bold;
-	margin: 0;
-	text-align: center;
-	font-size: 1em
-}
-.next-special-mayor-time {
-	color: var(--theme-darker-text)
-}