fix: don't break native elements

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "12.0.5",
+  "version": "12.0.6",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/assets/styles/base/index.css

@@ -452,63 +452,6 @@ li {
   margin-top: 0;
 }
 
-/* selects */
-select {
-  appearance: none;
-  background-color: transparent;
-  margin: 0;
-  width: 100%;
-  z-index: 1;
-  outline: none;
-  appearance: none;
-  border: none;
-  color: var(--color-lightest);
-  cursor: pointer;
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-base);
-}
-
-.select,
-select-pagination {
-  border-radius: var(--rounded-full);
-  background-color: var(--accent-color);
-  padding: 0 var(--sizing-lg);
-  display: grid;
-  align-items: center;
-  position: relative;
-  text-align: center;
-  text-align-last: center;
-  -moz-text-align-last: center;
-}
-
-.select,
-.select select,
-select-pagination,
-select-pagination select {
-  min-width:  calc(var(--sizing-3xl) * 4);
-  padding-top: var(--sizing-xs);
-  padding-bottom: var(--sizing-xs);
-}
-
-.select select,
-.select::after,
-select-pagination select,
-select-pagination::after {
-  grid-area: select;
-}
-
-.select::after,
-select-pagination::after {
-  content: '';
-  width: var(--sizing-md);
-  height: var(--sizing-sm);
-  display: inline-block;
-  background-color: var(--color-lightest);
-  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
-  justify-self: end;
-}
-
 /* utilities */
 .hidden {
   display: none !important;