@import 'cards/link_list_card.scss'; .categories_container { margin-top: auto; margin-bottom: auto; padding: 1rem 0; } .categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; max-width: 80vw; } .category { @include card; } .category_content { @include card_content; } .project_item { @include card_link_item; } .dragon_icon { /*Dragon icon by Cassie Bachman. (https://thenounproject.com/crosedesign)*/ background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMS41NDIgLTAuMjc2IDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTEuNTQyIC0wLjI3NiAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjguODk2LDE3Ljc4M2MxLjAzOC0wLjQ5NSwxLjU2MywwLjYzNSwyLjQ3NCwwLjU0NGMwLjc1Mi0wLjA3NiwxLjQyMS0wLjQ4OSwyLDAuMDJjMC42LDAuNTI3LDEuMTU3LDAuOTE0LDIuMDA0LDEuMTQ0ICBjMi44NDEsMC43NzcsMi4zNDgtMy41NTEsNC4yMDgtMS41NTVjLTAuNDcyLDEuNjIxLTEuNzI0LDEuOTM3LTMuOTExLDEuODc1Yy0wLjA0OSwwLjI4NywwLjE2OCwwLjMwMywwLjE3OSwwLjUzMSAgYy0wLjU1NSwwLjA4My0wLjcyMy0wLjIyMS0wLjg4NC0wLjUzMWMtMC4wNTcsMS42NSwyLjczLDEuOTg1LDUuMTI5LDEuNzY5Yy0wLjQ5My0wLjIxNC0xLjAyMy0wLjM5My0xLjIzOC0wLjg4NiAgYzAuMTUtMC4zNzgsMC40MzUtMC42MjYsMS4wNi0wLjUzYy0wLjA3Ni0wLjIxOC0wLjIyNy0wLjM2MS0wLjUyOS0wLjM1MmMxLjQwNi0wLjM0OSw1LjAxNi0yLjQ5Miw1LjQ4MywwICBjMC4zMDUtMC4yODUsMC4zODQtMC43OTYsMC4zNTItMS40MTdjLTAuMzQzLTAuMzYxLTAuNTUyLTAuODYyLTEuMjM4LTAuODgzYzAuMzItMC41MDgsMC42NjctMC45ODcsMS4wNjMtMS40MTUgIGMtMC4zMTEtMC4zMDEtMC45NzksMC41NDYtMS43NjksMC4zNTRjMi4zMzUtNC43ODEsNy4wMTcsMS44NTgsMS42Myw5LjkzOGMtMy44MTMsNS43MTgtOS44NjUsMTYuMDk0LTguODE3LDI1LjI0NCAgYzAuODc4LDcuNjY1LDUuMTIzLDExLjA4LDEzLjM4NCwxMi40MDJjMTEuNzM0LDEuODc5LDEuMDY4LDE2LjAzOCw1LjkyMiwxMy4yMThjMC4yMDUtMC4xMTksMTEuMTY4LDQuOTcsNi42OTEsNy4yNzEgIGMtMTcuODQ0LDkuMTY5LTI4LjMyOS0xLjg5MS0yNy4yMjQtMi4zNDljMS45MTEtMC43OTEsNC4xMzMsMy42MDYsMTUuODU4LDkuOTQ3YzguMDk2LDQuMzc5LDE1Ljc5OSw4LjQ3OSwzMS44MTEsNi40NzMgIGM4Ljc5OC0xLjEwMywxMi4yNjgtNi42NzksMTEuNC0xNS42MDFjLTAuMTc4LDMuNjI3LTcuMjgsNy40MDItMTAuMSw4LjE3OWMtMC4yNjEsMC4wNzEsMy4wNjEsMS42MjEsMi44NTEsMS43OTcgIGMtMy4zNDYsMi43ODgtMjAuMjk3LDAuMjQ2LTI4LjEyOS01LjY1OWMtMTAuOTI1LTguMjQtMTcuMzMyLTE0LjM1NC0yMi41OTItMTQuMzU0Yy0xOC4yOTQsMC0xMy4zODEsMTcuMDgyLTMuNTIyLDIxLjkyOCAgYzkuNzQ4LDQuNzkyLDI0LjAwNSw0LjA5NSwzMi44NjksMS41MzRjMTQuODY5LTQuMjk2LDE2Ljk5OC03Ljg1NSwxNi41MjEtMjAuNDg3Yy0wLjMzLTguNzU4LTEwLjkzNS0xMC4zODgtMTMuODc4LTE0LjcwNCAgYy0yLjQ3OS0zLjYzNi02Ljc3NC03LjA4MS03LjEzNy0xMC4wMzNjLTEuODY4LTE1LjIzLTEwLjAxMy0yLjkzNi0xMC4wMTMtMTQuMDMyYzAtNi4xMTUsMi41NDgtOS4wMjYsMy4yMDItMTUuMjg1ICBjMC4wOTktMC43MywwLjc2Ny0wLjkzLDEuMTEyLTAuMTQ4YzAsMCwwLjE4NC0xLjMyNy0wLjUyLTEuNzRjLTAuMjk5LTIuMjA4LDAuOTM3LTIuNTg4LDEuNjY3LTEuMDYgIGMtMC4yMDUtMi41OTgtMC41OTEtMy4yOS0yLjYyMS0zLjQ5NWMtMC45ODItMi4yNzUsMS4yNzItMi4yNzUsMi4yMjItMS4wOTRjLTAuMjItMi42MTgtMi4xNDktMy4wMjEtNC40NTEtMi4zMTIgIGMtMS45MjMtMS41NjIsMS45MzgtMS45NiwzLjM1Ny0xLjE5NEM1My44OTcsNy4yOCw0OS41OTEsOC42NTcsNDYuNDYxLDkuMmMzLjIzNy0xLjM3OCw2LjUyMS00LjE1LDQuOTU1LTkuMiAgYzAuMDQ2LDEuMDIyLTAuMDY2LDEuNjUtMC4xNzksMi40NzhjLTAuNjQxLDQuNzY3LTcuMjI0LDIuNzI5LTkuNzI3LDUuODM2Yy0wLjk0MiwwLjYyNC0xLjc2NywwLjY3NS0yLjgzMiwxLjA2MSAgYy0wLjk3NywwLjM1NS0xLjkyNSwwLjczOS0yLjY1MSwxLjQxN2MtMC43ODMsMC43MjctMC43NDMsMi4xMDMtMS40MTUsMy4wMDdjLTAuNjY4LDAuOTAxLTIuMDAyLDEuMDU1LTIuODMsMS43NjkgIGMwLjgyLDEuNjY2LDIuMjc2LDIuMjI3LDQuMzM1LDIuMDY5Yy0wLjc4OS0wLjUwNC0wLjg3NS0wLjM0MS0xLjE1MS0xLjM2MWMwLjMxOC0wLjI1LDEuMDQyLDAuNjAxLDEuNzY5LDAuNTMgIGMwLjgzLTAuMDIzLTAuMzY1LTAuNDAyLDAtMS4wNjJjMC41MjMtMC4yOTUsMS4wNi0xLjA5MSwyLjQ3NC0wLjg4NmMxLjI5NywwLjM1OSwwLjQ5NCwxLjM0MywwLjQ5NCwxLjM0MyAgYy0wLjU2Mi0wLjgxOS0yLjM2NC0wLjQwMy0yLjU2NCwxLjIxOWMtMC4yMzUsMS45MTktMi4xODIsMi4xMjktMy44NzUsMC4xNjVjLTAuMzE0LTAuMzY4LTEuODkzLTIuNTg0LTQuMjQtMC45MzEgIGMxLjA5LTAuNDE3LDIuMzg4LTAuNDYzLDIuNjc0LDAuOTgzQzMwLjQ0LDE3Ljg4NCwzMC4wOTcsMTYuNjE2LDI4Ljg5NiwxNy43ODN6IE0zNy43MDMsMTIuNTQyICBjLTAuMzU0LDAuNzA0LTEuMzg2LDAuNzM0LTEuOTQ2LDEuMjM4QzM1LjgwNSwxMi44OCwzNy4yOTQsMTIuNDkzLDM3LjcwMywxMi41NDJ6Ij48L3BhdGg+PHBhdGggZD0iTTY0LjMxOSw1Mi45NjdjMCwwLTUuNzU4LTkuMzM2LDQuMzA0LTcuNjhjMTMuNTM5LDIuMjI4LDkuNzQsOS4zMzIsOS43NCw5LjMzMmM0LjU4NCwxLjk1Niw5LjYyNiw3LjEwNCw1LjE2NSwxNC43MDQgIGM4LjU0NywyLjgxLTEuOTY3LDIwLjc2OS0xLjk2NywyMC43NjljMTguMjc5LTEzLjE2OCwxNi44ODEtMzguMDU2LDEyLjgyNy00OC4zNTljLTcuMzUyLTE4LjY4Ny0yMC42NDEtMjcuNTI0LTMxLjAxOC0zMC4zNDYgIGMtMC45MDQtMC4yNDYtMC45NjEtMS4yOTQtMi4wMzgtMS42ODJjLTAuNzA5LTAuMjU2LTAuMjc3LTIuNzkyLTIuNTQ5LTAuNjAzYy0zLjM0NiwwLjc0My0wLjc4NSwzLjQyOC0wLjc4NSwzLjQyOCAgYy0wLjIwNi0xLjExNS0wLjUzNi0xLjk0MSwxLjE5OC0yLjI3MmMxLjEwOS0wLjIxMSwxLjQ5OSwwLjYxOCwxLjE0NSwzLjI0OWMtMC4zMTcsMi4zNiwxLjEwMSw0LjY5MiwxLjQ2NCw1LjgxNCAgYzAuNDE0LDEuMjc3LDYuODc5LDIwLjgxOC0zLjYwMywyMS40MDFjMCwwLTIuNTM3LTAuMTgyLTQuMjg0LTAuNjE5Yy0xLjc0Ni0wLjQzOCwwLjU3MS0yLjA3NS00LjQ4OC0yLjgwMyAgYzAsMCwyLjIwNSwyNS4yOTcsMTEuNTgzLDMwLjcwMUM2My4wNTYsNjkuMTc3LDYxLjAxMiw1Mi4wMzcsNjQuMzE5LDUyLjk2N3oiPjwvcGF0aD48cGF0aCBkPSJNNDEuMzU0LDU2Ljc2OGMwLDAtNi43MzQtNC45OTMtMTUuNTY4LDAuMTAxYy0xMS44ODcsNi44NTQtNi4yNDYsOC41MzctNi4yNDYsOC41MzdjLTMuNjAyLDMuNDQ2LTYuNTA3LDEwLjA0LDAuMzQ1LDE1LjU4MSAgYy03LjAxLDUuNjQxLDkuMDczLDE4LjQyNSw5LjA3MywxOC40MjVDNy4yMTIsOTMuNTI3LTAuMTYyLDcwLjA2MiwwLjAwMiw1OC45OUMwLjMsMzguOTExLDkuNjI1LDI1Ljk1OSwxOC4zNDIsMTkuNjY0ICBjMC43Ni0wLjU0OCwwLjQ0NC0xLjU1LDEuMzE0LTIuMjkyYzAuNTc0LTAuNDg5LTAuNzI0LTIuNzEsMi4xNzMtMS40NjJjMy4zOTMtMC40ODIsMS45NDMsMi45MzIsMS45NDMsMi45MzIgIGMtMC4yLTEuMTE2LTAuMTgyLTIuMDA2LTEuOTIxLTEuNzA1Yy0xLjExMywwLjE5My0xLjE4NiwxLjEwNiwwLjA3MywzLjQ0NGMxLjEyOCwyLjA5NywwLjYyNCw0Ljc3OSwwLjY3OCw1Ljk1NyAgYzAuMDYzLDEuMzQxLTIuMDAzLDIzLjQ2Myw4LjAxMiwyMC4zMTZjNS42MjktMi40NTYsNy4xNDctMS41MjgsMTAuNDY4LTYuODU2YzAuOTUyLTEuNTI4LDMuNjU4LTIuNzI2LDcuMzc1LTEuMjc1ICBDNDguNDU4LDM4LjcyMyw1Ni44NDEsNDUuMzg0LDQxLjM1NCw1Ni43Njh6Ij48L3BhdGg+PHBhdGggZD0iTTYxLjM0NSw2NS42NDdjLTYuNDQzLDIuNDc5LTEzLjA4LTIuNzI2LTE4LjI3NS0wLjYxOXMtNy40OTksNS45NDctNi44NzksOS40MTdjMC42MTksMy40NywyNy4xMzcsMTUuNTIyLDI5Ljk4NywxNS42NDYiPjwvcGF0aD48cGF0aCBkPSJNNjIuNzA4LDc1LjQ4MmM1LjAwNi00Ljc1NS0xLjIwNS0xMS4yMTgsMi45My0xNS4wMDNjNC4xMzQtMy43ODcsOC41OTEtNC4yMTgsMTEuNDU4LTIuMTY3czUuNzg0LDIxLjEwMyw0LjY3MiwyMy43MyI+PC9wYXRoPjxwYXRoIGQ9Ik0zMS40MjYsMzEuNjA2Yy0wLjI1NC0xLjEwOSwwLjUxLTAuOTQzLDEuMDY3LDAuMDA1YzAuMDgzLTIuMzEzLTEuNTMzLTIuNDA4LTMuNTUzLTEuNDg5ICBjMS41OTgsMS45MTksMC4xNDEsNC41MjksMS43NTMsMy45OThjLTAuMDI3LDAuMDE3LTAuMDU4LDAuMDM5LTAuMDg2LDAuMDU1YzAuNjI4LTAuMjY0LDEuMjU4LTAuNTI4LDEuODg1LTAuNzkzICBDMzIuMjM1LDMyLjcwNSwzMS44OTMsMzIuMDY5LDMxLjQyNiwzMS42MDZ6Ij48L3BhdGg+PHBhdGggZD0iTTMzLjM0MSw1Mi42MzdjLTEuNzc4LTYuMDUxLDAuNzg3LTEwLjgyNywwLjg5OS0xMi40NzRjMS4yMzEtMC44MDQsMS4wNzQsMC4wMTksMi4xNTgsMCAgYzEuNDQyLTEuMzAyLDEuMDk0LTMuMDg5LDAuNjE5LTQuNzVjLTAuMTQ2LDAuNzM3LTAuNzkxLDIuMjc3LTEuNTI5LDIuMTQ4Yy0xLjQ1Mi0xLjgzNi0wLjg2Ni0yLjMxMy0xLjI0OC00LjMzNyAgYy0wLjg2My0wLjMxNC0wLjY4OS0wLjcyMy0xLjU4Mi0wLjg0N2MtMC4yNTUtMC4xMjktMS45MiwwLjc2NS0zLjE1OSwwLjU5OWMtMC41OTctMC43NjgtMC4yMjgtMC45MTcsMC4xMTMtMC43MjkgIGMtMC4xNzMtMC4xMTUtMC4wNDMtMi42ODgtMi4yODIsMC40NzJjMS4xMDEsMS4yLDAuMDYzLDEuMDgzLDEuNzk3LDEuODI2Yy0wLjA4OS0wLjAwNi0wLjIwOCwwLjY5NCwwLjE2NywxLjQ1NiAgYzAuMzc1LDAuNzYyLDEuMzc1LDIuNTQyLDEuNTY4LDIuOTQzYy0wLjQ2MSwzLjUwMy0yLjkxOCw5LjU2OC0zLjU1MiwxMS43MDljLTAuOTkxLDUuMTIzLTAuMzExLDguNjc1LDIuMDY1LDExLjMxOCAgYzAsMC0wLjE0MS0yLjA3NywyLjM1LTIuNDc5YzMuMDM0LTAuNDg3LDE2LjE4MSwyLjIyMywxNy43MDYsMC44MjZDNjEuOTkzLDQ4LjgxMSwzNC4zNDcsNTEuNjEsMzMuMzQxLDUyLjYzN3oiPjwvcGF0aD48cGF0aCBkPSJNMzQuNjkxLDMyLjUxN2MwLDAsMi4wNjMsMC45OTgsMS41LDIuNjE3YzEuMDg2LTAuNDE3LDAuODY3LTMuOTgzLTIuNDQ4LTQuOTU3Yy0wLjgzNSwxLjU1Ni0yLjg1LDEuOTgyLTEuNjQyLDMuNSAgYy0wLjAyOS0wLjAxMSwxLjIyLDEuMDIxLDAuODY3LDAuNjYxYzAuNTg4LDAuMzQ2LDEuMDI4LDEuMzE5LDEuNjE0LDEuNjY0QzMzLjQxOSwzMy40ODIsMzQuMjQ3LDMyLjk3NiwzNC42OTEsMzIuNTE3eiI+PC9wYXRoPjwvc3ZnPg=="); width: 1em; height: 1em; } .icon { display: inline-block; width: 1em; height: 1em; background-size: 20px; background-repeat: no-repeat; background-position: center; } .smalltext { font-size: 0.8em; color: var(--color-text-1); } img.preview { width: 48px; max-height: 64px; border-radius: 4px; border: 1px solid var(--color-element-1); margin-left: auto; } hr.accent { border-color: var(--color-accent-1); }