From f248b2862920fab957461340104cf20126136eef Mon Sep 17 00:00:00 2001
From: hanmillee <94hanmil@gmail.com>
Date: Sun, 26 Mar 2023 00:59:51 +0900
Subject: [PATCH] a

---
 styles/{styles => }/custom/index.scss  |   0
 styles/{styles => }/custom/notion.scss |   0
 styles/{styles => }/custom/vars.scss   |   0
 styles/notion.css                      | 618 +------------------------
 styles/styles/global.css               |  32 --
 styles/styles/notion.css               | 366 ---------------
 styles/styles/prism-theme.css          | 125 -----
 7 files changed, 1 insertion(+), 1140 deletions(-)
 rename styles/{styles => }/custom/index.scss (100%)
 rename styles/{styles => }/custom/notion.scss (100%)
 rename styles/{styles => }/custom/vars.scss (100%)
 delete mode 100644 styles/styles/global.css
 delete mode 100644 styles/styles/notion.css
 delete mode 100644 styles/styles/prism-theme.css

diff --git a/styles/styles/custom/index.scss b/styles/custom/index.scss
similarity index 100%
rename from styles/styles/custom/index.scss
rename to styles/custom/index.scss
diff --git a/styles/styles/custom/notion.scss b/styles/custom/notion.scss
similarity index 100%
rename from styles/styles/custom/notion.scss
rename to styles/custom/notion.scss
diff --git a/styles/styles/custom/vars.scss b/styles/custom/vars.scss
similarity index 100%
rename from styles/styles/custom/vars.scss
rename to styles/custom/vars.scss
diff --git a/styles/notion.css b/styles/notion.css
index 9f45a7b36d..6667506410 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -7,7 +7,7 @@
  * places to add some flare.
  */
 
- .notion-page {
+.notion-page {
   padding-bottom: calc(max(5vh, 32px)) !important;
   line-height: 1.65;
 }
@@ -364,619 +364,3 @@
 .notion-block-260baa77f1e1428b97fb14ac99c7c385 {
   display: none;
 }
-
-
-:root {
-  --notion-font: 'SpoqaHanSansNeo', 'Tossface';
-  --base-font-size: 1.125rem;
-  --primary-color: #daaa52;
-  --primary-gradient-end-color: #8763ff;
-  --line-color: rgba(55, 53, 47, 0.1);
-  --fg-color: #37352f;
-  --fg-color-0: rgba(55, 53, 47, 0.09);
-  --fg-color-1: rgba(55, 53, 47, 0.16);
-  --fg-color-2: rgba(55, 53, 47, 0.4);
-  --fg-color-3: rgba(55, 53, 47, 0.6);
-  --fg-color-4: #000;
-  --fg-color-5: rgba(55, 53, 47, 0.024);
-  --fg-color-6: rgba(55, 53, 47, 0.8);
-  --fg-color-icon: var(--fg-color);
-  --fg-color-lighten: #eff3f7;
-  --bg-color: #fff;
-  --bg-color-0: rgba(135, 131, 120, 0.15);
-  --bg-color-1: #f7f6f3;
-  --bg-color-2: rgba(135, 131, 120, 0.15);
-  --select-color-0: var(--primary-color);
-  --select-color-1: var(--primary-color);
-  --select-color-2: #d9eff8;
-  --notion-red: #e03e3e;
-  --notion-pink: #ad1a72;
-  --notion-blue: #0b6e99;
-  --notion-purple: #6940a5;
-  --notion-teal: #4d6461;
-  --notion-yellow: #dfab01;
-  --notion-orange: #d9730d;
-  --notion-brown: #64473a;
-  --notion-gray: #9b9a97;
-  --notion-red_background: #fbe4e4;
-  --notion-pink_background: #f4dfeb;
-  --notion-blue_background: #ddebf1;
-  --notion-purple_background: #eae4f2;
-  --notion-teal_background: #ddedea;
-  --notion-yellow_background: #fbf3db;
-  --notion-orange_background: #faebdd;
-  --notion-brown_background: #e9e5e3;
-  --notion-gray_background: #ebeced;
-  --notion-red_background_co: rgba(251, 228, 228, 0.3);
-  --notion-pink_background_co: rgba(244, 223, 235, 0.3);
-  --notion-blue_background_co: rgba(221, 235, 241, 0.3);
-  --notion-purple_background_co: rgba(234, 228, 242, 0.3);
-  --notion-teal_background_co: rgba(221, 237, 234, 0.3);
-  --notion-yellow_background_co: rgba(251, 243, 219, 0.3);
-  --notion-orange_background_co: rgba(250, 235, 221, 0.3);
-  --notion-brown_background_co: rgba(233, 229, 227, 0.3);
-  --notion-gray_background_co: rgba(235, 236, 237, 0.3);
-  --notion-item-blue: rgba(0, 120, 223, 0.2);
-  --notion-item-orange: rgba(245, 93, 0, 0.2);
-  --notion-item-green: rgba(0, 135, 107, 0.2);
-  --notion-item-pink: rgba(221, 0, 129, 0.2);
-  --notion-item-brown: rgba(140, 46, 0, 0.2);
-  --notion-item-red: rgba(255, 0, 26, 0.2);
-  --notion-item-yellow: rgba(233, 168, 0, 0.2);
-  --notion-item-default: rgba(206, 205, 202, 0.5);
-  --notion-item-purple: rgba(103, 36, 222, 0.2);
-  --notion-item-gray: rgba(155, 154, 151, 0.4);
-  --notion-card-background-color: #fff;
-  --notion-max-width: 1400px;
-  --notion-header-height: 54px;
-  --notion-page-left-right-padding: calc(min(16px, 8vw));
-  --notion-page-fullwith-left-right-padding: calc(min(96px, 8vw));
-  --notion-aside-width: 300px;
-  --notion-aside-space-width: 5rem;
-  --notion-page-content-inner-width: calc(var(--notion-max-width) - var(--notion-aside-width) - var(--notion-aside-space-width));
-}
-.dark-mode {
-  --line-color: rgba(255, 255, 255, 0.1);
-  --fg-color: rgba(255, 255, 255, 0.9);
-  --fg-color-0: var(--fg-color);
-  --fg-color-1: var(--fg-color);
-  --fg-color-2: var(--fg-color);
-  --fg-color-3: var(--fg-color);
-  --fg-color-4: var(--fg-color);
-  --fg-color-5: rgba(255, 255, 255, 0.7);
-  --fg-color-6: #fff;
-  --fg-color-icon: #fff;
-  --fg-color-lighten: #333339;
-  --bg-color: #1a1b1e;
-  --bg-color-0: #474c50;
-  --bg-color-1: #3f4447;
-  --bg-color-2: rgba(135, 131, 120, 0.15);
-  --notion-red: #ff7369;
-  --notion-pink: #e255a1;
-  --notion-blue: #529cca;
-  --notion-purple: #9a6dd7;
-  --notion-teal: #4dab9a;
-  --notion-yellow: #ffdc49;
-  --notion-orange: #ffa344;
-  --notion-brown: #937264;
-  --notion-gray: rgba(151, 154, 155, 0.95);
-  --notion-red_background: #594141;
-  --notion-pink_background: #533b4c;
-  --notion-blue_background: #364954;
-  --notion-purple_background: #443f57;
-  --notion-teal_background: #354c4b;
-  --notion-yellow_background: #59563b;
-  --notion-orange_background: #594a3a;
-  --notion-brown_background: #434040;
-  --notion-gray_background: #454b4e;
-  --notion-red_background_co: rgba(89, 65, 65, 0.3);
-  --notion-pink_background_co: rgba(83, 59, 76, 0.3);
-  --notion-blue_background_co: rgba(120, 162, 187, 0.3);
-  --notion-purple_background_co: rgba(68, 63, 87, 0.3);
-  --notion-teal_background_co: rgba(53, 76, 75, 0.3);
-  --notion-yellow_background_co: rgba(89, 86, 59, 0.3);
-  --notion-orange_background_co: rgba(89, 74, 58, 0.3);
-  --notion-brown_background_co: rgba(67, 64, 64, 0.3);
-  --notion-gray_background_co: rgba(69, 75, 78, 0.3);
-  --notion-card-background-color: #2b2c31;
-}
-::-webkit-scrollbar {
-  display: none;
-}
-@media only screen and (max-width: 1500px) {
-  :root {
-    --notion-page-left-right-padding: 8vw;
-    --notion-page-fullwith-left-right-padding: 8vw;
- }
-}
-@media only screen and (max-width: 720px) {
-  :root {
-    --base-font-size: 0.95rem;
- }
-}
-/** * ================ 전체적인 레이아웃 구성 관련 ================ */
-body {
-  font-size: 16px;
-  transition-duration: 250ms;
-  transition-property: background-color, color;
-  -webkit-font-smoothing: antialiased;
-}
-body .notion {
-  font-size: var(--base-font-size);
-  transition-duration: 250ms;
-  transition-property: background-color, color;
-}
-body .notion-page {
-  padding-left: var(--notion-page-left-right-padding);
-  padding-right: var(--notion-page-left-right-padding);
-}
-body .notion-full-width {
-  padding-left: var(--notion-page-fullwith-left-right-padding);
-  padding-right: var(--notion-page-fullwith-left-right-padding);
-}
-body .notion-full-width .notion-title {
-  text-align: left;
-}
-body .notion-full-width .notion-page-icon-hero {
-  left: var(--notion-fullwith-page-left-right-padding);
-}
-body .notion-header {
-  position: fixed;
-  transition-duration: 250ms;
-  transition-property: background-color, color;
-}
-body .notion-header .notion-nav-header {
-  max-width: var(--notion-max-width);
-}
-body:not(.dark-mode) .hasCollectionView {
-  --bg-color: #f2f3f7;
-}
-/** * ================ notion 페이지 관련 스타일 ================ */
-.notion .notion-page {
-  line-height: 1.6;
-}
-.notion .notion-title {
-  text-align: left;
-  font-size: 2em;
-}
-.notion .notion-page-cover-wrapper, .notion .notion-page-cover-wrapper span, .notion .notion-page-cover-wrapper img {
-  max-width: 100% !important;
-  border-radius: 0;
-  height: calc(30vh + var(--notion-header-height)) !important;
-  min-height: calc(30vh + var(--notion-header-height)) !important;
-  max-height: calc(30vh + var(--notion-header-height)) !important;
-}
-.notion .notion-page-no-cover {
-  margin-top: 130px !important;
-}
-.notion .notion-page-icon-hero {
-  margin-left: 0 !important;
-  left: var(--notion-page-left-right-padding);
-}
-.notion .notion-collection-page-properties .notion-collection-row {
-  margin-bottom: 5rem;
-  border-bottom: none;
-  padding-bottom: 0;
-  padding: 0;
-}
-.notion .notion-collection-page-properties .notion-collection-row-body {
-  flex-wrap: wrap;
-  flex-direction: row;
-  gap: 0;
-}
-.notion .notion-collection-page-properties .notion-collection-row-property {
-  margin-bottom: 0.5rem;
-}
-.notion .notion-collection-page-properties .notion-collection-row-property + .notion-collection-row-property::before {
-  content: '';
-  width: 1px;
-  height: 10px;
-  background-color: var(--fg-color);
-  opacity: 0.35;
-  margin: 0 0.5rem;
-}
-@media (max-width: 768px) {
-  .notion .notion-collection-page-properties .notion-collection-property-type-multi_select {
-    width: 100%;
- }
-  .notion .notion-collection-page-properties .notion-collection-property-type-multi_select::before {
-    display: none;
- }
-  .notion .notion-collection-page-properties .notion-collection-property-type-multi_select .notion-property {
-    justify-content: flex-start;
- }
-}
-.notion .notion-collection-page-properties .notion-collection-row-value {
-  min-height: auto;
-}
-.notion .notion-collection-page-properties .notion-property-select-item, .notion .notion-collection-page-properties .notion-property-multi_select-item {
-  background-color: transparent !important;
-  padding: 0;
-}
-.notion .notion-collection-page-properties .notion-property-multi_select-item {
-  opacity: 0.7;
-}
-.notion .notion-collection-page-properties .notion-property-multi_select-item::before {
-  content: '#';
-}
-.notion .notion-aside {
-  width: var(--notion-aside-width);
-  margin-left: var(--notion-aside-space-width);
-  flex: none;
-}
-.notion .notion-aside .notion-contentPosition {
-  width: 100%;
-}
-.notion .notion-aside .notion-contentPosition .item {
-  display: block;
-  position: relative;
-  padding: 0.1rem 1.3rem 0.1rem 1rem;
-}
-.notion .notion-aside .notion-contentPosition .item .text {
-  opacity: 0.5;
-  font-size: 0.9rem;
-  transition: 250ms opacity;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.notion .notion-aside .notion-contentPosition .item.level1 {
-  padding-left: calc(1.3rem + 1rem);
-}
-.notion .notion-aside .notion-contentPosition .item.level1 .text {
-  font-size: 0.85rem;
-}
-.notion .notion-aside .notion-contentPosition .item.level2 {
-  padding-left: calc(1.3rem + 2rem);
-}
-.notion .notion-aside .notion-contentPosition .item.level2 .text {
-  font-size: 0.8rem;
-}
-.notion .notion-aside .notion-contentPosition .item.active .text {
-  opacity: 1;
-}
-.notion .notion-aside .notion-contentPosition .item::before {
-  content: '';
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  border-right: 1px solid var(--fg-color);
-  z-index: 1;
-  opacity: 0.2;
-}
-.notion .notion-aside .notion-contentPosition .item .activeLine {
-  position: absolute;
-  background-color: var(--primary-color);
-  width: 1px;
-  height: 100%;
-  top: 0;
-  left: 0;
-  z-index: 2;
-}
-.notion .notion-aside .notion-contentPosition .item .activeLine::before {
-  content: '';
-  position: absolute;
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background-color: var(--primary-color);
-  left: 0.5rem;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.notion .notion-aside .notion-contentPosition.alignRight .item {
-  text-align: right;
-  padding: 0.3rem 1rem 0.3rem 1.3rem;
-}
-.notion .notion-aside .notion-contentPosition.alignRight .item.level1 {
-  padding-left: 0;
-  padding-right: calc(1.3rem + 1rem);
-}
-.notion .notion-aside .notion-contentPosition.alignRight .item.level2 {
-  padding-left: 0;
-  padding-right: calc(1.3rem + 2rem);
-}
-.notion .notion-aside .notion-contentPosition.alignRight .item::before {
-  right: 0;
-  left: auto;
-}
-.notion .notion-aside .notion-contentPosition.alignRight .item .activeLine {
-  right: 0;
-  left: auto;
-}
-.notion .notion-aside .notion-contentPosition.alignRight .item .activeLine::before {
-  left: auto;
-  right: 0.5rem;
-}
-.notion.indexPage .notion-nav-header > .breadcrumbs:first-child {
-  visibility: hidden;
-}
-.notion.indexPage .notion-aside {
-  display: none;
-}
-.notion.childPage .notion-page-icon-hero.notion-page-icon-image span, .notion.childPage .notion-page-icon-hero.notion-page-icon-image img {
-  border-radius: 0;
-}
-.notion.childPage .notion-page-icon-hero.notion-page-icon-image {
-  box-shadow: none;
-  border-radius: 0;
-}
-/** * ================ notion 페이지 - 기본 블럭 스타일 (본문 내용) ================ */
-.notion .notion-h1 {
-  font-size: 1.7rem;
-}
-.notion .notion-h1::after {
-  content: '';
-  display: block;
-  height: 2px;
-  width: 4rem;
-  background-color: var(--fg-color);
-  margin-top: 0.5rem;
-  border-radius: 5px;
-}
-.notion .notion-h2 {
-  font-size: 1.4rem;
-  margin-top: 2rem;
-}
-.notion .notion-h3 {
-  font-size: 1.2rem;
-}
-.notion .notion-text {
-  padding: 0.2em 2px;
-}
-.notion .notion-list li {
-  padding: 3.5px 0;
-  padding-left: 0.2rem;
-}
-.notion .notion-list li::marker {
-  font-weight: 400;
-}
-.notion .notion-inline-code {
-  font-weight: 400;
-  font-family: var(--notion-font);
-  letter-spacing: 0;
-  background-color: transparent !important;
-  position: relative;
-  z-index: 0;
-  background-color: var(--fg-color-lighten) !important;
-  transition: 250ms background-color;
-}
-.notion .notion-code .notion-code-copy {
-  top: 0.7rem;
-}
-.notion .notion-code .notion-code-copy .notion-code-copy-button {
-  display: block;
-}
-.notion .notion-hr {
-  margin: 6px 0;
-}
-.notion .notion-callout {
-  border-radius: 8px;
-}
-.notion .notion-callout .notion-page-icon-inline {
-  margin-right: 1rem;
-  transform: translateY(1px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.notion .notion-callout .notion-inline-code {
-  background-color: var(--fg-color-1) !important;
-}
-.notion .notion-callout.warning {
-  background-color: var(--notion-yellow_background);
-  border-color: var(--notion-yellow);
-}
-.notion .notion-callout.error {
-  background-color: var(--notion-red_background);
-  border-color: var(--notion-red);
-}
-.notion .notion-callout.info {
-  background-color: var(--notion-teal_background);
-  border-color: var(--notion-teal);
-}
-.notion .notion-quote {
-  font-style: normal;
-  font-size: var(--base-font-size);
-  border-color: var(--primary-color);
-  padding: 1rem 1rem 1rem 2rem;
-  position: relative;
-  background-color: var(--fg-color-lighten);
-  transition: 250ms background-color;
-}
-.notion .notion-property-checkbox-unchecked {
-  border-radius: 2px;
-}
-.notion .notion-property-checkbox-checked {
-  border-radius: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.notion .notion-property-checkbox-checked svg {
-  width: 10px;
-  height: 10px;
-  top: initial;
-  left: initial;
-}
-.notion .notion-file-icon {
-  fill: var(--fg-color);
-}
-.notion .notion-page-title-text {
-  border-bottom: none;
-}
-.notion .notion-link:focus, .notion .notion-link:hover {
-  border-bottom-color: transparent;
-  background-image: linear-gradient(90.68deg, var(--primary-color) 0.26%, var(--primary-gradient-end-color) 102.37%);
-  background-repeat: no-repeat;
-  background-position: 0 100%;
-  background-size: 100% 0.1rem;
-}
-.notion .notion-bookmark {
-  transition: 250ms border-color;
-}
-.notion .notion-bookmark:hover {
-  border-color: var(--primary-color);
-}
-.notion .notion-bookmark .notion-bookmark-link-icon img {
-  display: block;
-}
-.notion .notion-bookmark .notion-bookmark-link-text {
-  max-width: 30rem;
-}
-.notion .notion-page-icon {
-  font-family: 'Tossface';
-}
-.notion .notion-simple-table-wrap {
-  max-width: 100%;
-  overflow-x: auto;
-}
-.notion .notion-simple-table-wrap td {
-  border-color: var(--fg-color-lighten);
-}
-.notion .notion-simple-table-wrap tr:first-child td {
-  background-color: var(--fg-color-lighten);
-}
-/** * ================ notion 페이지 - 커스텀 블럭 스타일 ================ */
-.notion .notion-user-container {
-  display: flex;
-  align-items: center;
-}
-.notion .notion-user-container .notion-user {
-  margin-right: 0.3rem;
-}
-.notion .postList {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 0.5rem;
-}
-.notion .postList > a {
-  background-color: var(--notion-card-background-color);
-  box-shadow: 10px 20px 20px 0 #000;
-  width: calc(25% - 30px * 3 / 4);
-  margin-bottom: 30px;
-  transition: 250ms transform, 250ms background-color;
-}
-.notion .postList > a:hover {
-  transform: translateY(-8px);
-}
-@media (min-width: 1431px) {
-  .notion .postList > a:not(:nth-child(4n)) {
-    margin-right: calc(30px);
- }
-}
-@media (max-width: 1430px) and (min-width: 1051px) {
-  .notion .postList > a {
-    width: calc(33.33% - (30px * 2) / 3);
- }
-  .notion .postList > a:not(:nth-child(3n)) {
-    margin-right: calc(30px);
- }
-}
-@media (max-width: 1050px) and (min-width: 761px) {
-  .notion .postList > a {
-    width: calc(50% - 30px / 2);
- }
-  .notion .postList > a:not(:nth-child(2n)) {
-    margin-right: calc(30px);
- }
-}
-@media (max-width: 760px) {
-  .notion .postList > a {
-    width: 100%;
- }
-}
-.notion .postList > a .notion-collection-card-cover {
-  border-radius: 0;
-  border-top-left-radius: 12px;
-  border-top-right-radius: 12px;
-  box-shadow: none;
-}
-.notion .postList > a .notion-collection-card-cover img {
-  border-radius: 0;
-}
-.notion .postList > a .notion-collection-card-property {
-  padding: 0;
-}
-.notion .postList > a .notion-property-select-item {
-  margin-bottom: 0.3rem;
-}
-.notion .postList > a .notion-property-multi_select-item::before {
-  content: '#';
-}
-.notion .postList > a .notion-collection-card-body {
-  display: block;
-  padding: 1rem 1.3rem 1rem;
-}
-.notion .postList > a .notion-collection-card-body .notion-page-icon-image {
-  display: none;
-}
-.notion .postList > a .notion-collection-card-body .notion-page-title-text {
-  font-size: 1rem;
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-}
-.notion .postList > a .notion-collection-card-body .notion-property-title {
-  width: 100%;
-  display: block;
-}
-.notion .postList > a .notion-collection-card-body .notion-property-select {
-  margin-right: 6px;
-}
-.notion .postList > a .notion-collection-card-body .notion-collection-card-property:last-child {
-  overflow: initial;
-}
-.notion .postList > a .notion-collection-card-body .notion-collection-card-property:last-child .notion-property-created_time {
-  display: block;
-  width: calc(100% + 1.3rem * 2);
-  margin-left: -1.3rem;
-  padding-left: 1.3rem;
-  padding-top: 1rem;
-  margin-top: 0.9rem;
-  border-top: 1px solid var(--line-color);
-  display: block;
-  opacity: 0.7;
-  line-height: 1;
-}
-.notion .postList > a .notion-collection-card-body .notion-collection-card-property:nth-child(2) {
-  height: 85px;
-}
-.notion .postList > a .notion-collection-card-body .notion-collection-card-property:nth-child(2) .notion-property-text {
-  width: 100%;
-  white-space: initial;
-  color: #7a7c85;
-  font-size: 13px;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  text-overflow: ellipsis;
-}
-/** * ================ 다크모드 처리 ================ */
-.dark-mode {
-  background-color: var(--bg-color);
-}
-.dark-mode .notion-header .breadcrumb {
-  text-shadow: 0 0 3px black;
-}
-.dark-mode .notion-search {
-  color: var(--fg-color);
-  caret-color: var(--fg-color);
-  background-color: var(--bg-color-1);
-}
-.dark-mode .notion-search input {
-  color: var(--fg-color);
-  caret-color: var(--fg-color);
-  background-color: transparent;
-}
-.dark-mode .notion-search input::placeholder {
-  color: var(--fg-color-5);
-}
-.dark-mode .notion-search .noResults {
-  color: var(--fg-color-5);
-}
-.dark-mode .notion-search .noResultsDetail {
-  color: var(--fg-color-5);
-  opacity: 0.6;
-}
diff --git a/styles/styles/global.css b/styles/styles/global.css
deleted file mode 100644
index e7a0de8cc5..0000000000
--- a/styles/styles/global.css
+++ /dev/null
@@ -1,32 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-body,
-html {
-  padding: 0;
-  margin: 0;
-}
-
-body {
-  font-family: var(--notion-font);
-  overflow-x: hidden;
-}
-
-.static-tweet blockquote {
-  margin: 0;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  margin-inline-start: 0;
-  margin-inline-end: 0;
-}
-
-.static-tweet-emoji {
-  height: 1.2em !important;
-  width: 1.2em !important;
-}
diff --git a/styles/styles/notion.css b/styles/styles/notion.css
deleted file mode 100644
index 6667506410..0000000000
--- a/styles/styles/notion.css
+++ /dev/null
@@ -1,366 +0,0 @@
-/**
- * This file contains site-specifc style overrides for Notion elements from
- * react-notion-x.
- *
- * react-notion-x's goal is to match styling as close as possible to Notion,
- * whereas our goal with this site is to adjust Notion's styling in a few key
- * places to add some flare.
- */
-
-.notion-page {
-  padding-bottom: calc(max(5vh, 32px)) !important;
-  line-height: 1.65;
-}
-
-/* .index-page {
-  --notion-max-width: 900px;
-} */
-
-.notion-text {
-  padding: 0.5em 2px;
-}
-
-/* .notion-asset-caption {
-  text-align: center;
-} */
-
-.notion-asset-wrapper {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-.notion-asset-wrapper-video > div,
-.notion-asset-wrapper-video video {
-  width: 100% !important;
-}
-
-.notion-header .notion-nav-header {
-  max-width: 1400px;
-  margin: 0 auto;
-}
-
-.notion-nav-header-rhs {
-  gap: 0.5rem;
-}
-
-.notion-gallery-grid {
-  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
-  grid-gap: 6vmin;
-  gap: 6vmin;
-}
-
-.notion-gallery-grid .notion-page-icon-inline {
-  display: none;
-}
-
-.notion-gallery-grid .notion-page-title-text {
-  font-size: 2em;
-  white-space: unset;
-}
-
-.notion-gallery-grid .notion-collection-card-property {
-  white-space: unset;
-  text-overflow: unset;
-}
-
-.notion-gallery-grid .notion-property-text {
-  font-size: 14px;
-}
-
-.notion-collection-card {
-  border-radius: 16px;
-
-  box-shadow: none;
-}
-
-.notion-collection-card-cover img {
-}
-
-.notion-collection-card {
-  overflow: visible;
-}
-
-.notion-collection-card-cover {
-  border-top-left-radius: 16px;
-  border-top-right-radius: 16px;
-  box-shadow: 2px 2px 8px 4px rgba(15, 15, 15, 0.1);
-}
-
-.notion-collection-card-cover {
-  border-bottom: 0 none;
-  transition: filter 150ms linear;
-  filter: none;
-}
-
-/* .notion-collection-card:hover .notion-collection-card-cover {
-  filter: brightness(120%);
-} */
-
-.notion-collection-card-body {
-  padding: 10px;
-}
-
-/* only target safari */
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-  _::-webkit-full-page-media,
-  _:future,
-  :root,
-  .notion-collection-card-cover {
-    transition: none 0ms linear;
-  }
-}
-
-.notion-quote {
-  padding: 0.2em 0.75em;
-  line-height: 1.5;
-  font-style: italic;
-  font-size: 1.2em;
-  border-left: 4px solid #67bdfc;
-}
-
-.notion-h1,
-.notion-h2,
-.notion-h3 {
-  margin-bottom: 0.25em;
-}
-
-.notion-callout {
-  margin: 0.75em 0;
-}
-
-.notion-hr {
-  margin: 2em 0;
-}
-
-@media only screen and (max-width: 600px) {
-  .notion-search-button {
-    display: none !important;
-  }
-}
-
-.notion .notion-page-icon-cover {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.notion-title {
-  display: block;
-  text-align: center;
-}
-
-.notion-collection-row {
-  padding-bottom: 1em;
-}
-
-.notion-collection-page-properties .notion-collection-column-title {
-  display: none;
-}
-
-.notion-collection-row-property .notion-property {
-  display: flex;
-  justify-content: center;
-}
-
-.notion-collection-row-value {
-  display: flex;
-  align-items: center;
-  padding: 0;
-  min-height: 23px;
-}
-
-.notion-page-cover-wrapper,
-.notion-page-cover-wrapper span,
-.notion-page-cover-wrapper img {
-  max-width: 1200px !important;
-  border-radius: 24px;
-}
-
-.notion-page-cover-wrapper {
-  box-shadow: 2px 2px 8px 4px rgba(15, 15, 15, 0.1);
-}
-
-@media only screen and (max-width: 1200px) {
-  .notion-page-cover-wrapper,
-  .notion-page-cover-wrapper span,
-  .notion-page-cover-wrapper img {
-    border-radius: 0;
-  }
-}
-
-.notion-block-ab9a258d6cf444f3bb40dc2600feae91 .notion-page-link {
-  justify-content: center;
-  padding: 2em;
-}
-
-.notion-code {
-  background: rgba(249, 250, 251, 1);
-  border: 1px solid rgba(229, 231, 235, 1);
-  border-radius: 0.375rem;
-}
-
-.notion-link {
-  position: relative;
-  transition: unset;
-  opacity: 1;
-  border-bottom-width: 0.1rem;
-  background: transparent;
-  background-origin: border-box;
-  background-repeat: no-repeat;
-  background-position: 50% 100%;
-  background-size: 0 0.1rem;
-}
-
-/* .notion-link:focus,
-.notion-link:hover {
-  border-bottom-color: transparent;
-
-  background-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
-  background-repeat: no-repeat;
-  background-position: 0 100%;
-  background-size: 100% 0.1rem;
-
-  transition-property: background-position, background-size;
-  transition-duration: 300ms;
-} */
-
-.notion-red_background,
-.notion-pink_background,
-.notion-blue_background,
-.notion-purple_background,
-.notion-teal_background,
-.notion-yellow_background,
-.notion-orange_background,
-.notion-brown_background,
-.notion-gray_background {
-  padding: 0 0.5rem;
-  margin: 0 -0.5rem 0 -0.25rem;
-  border-radius: 0.5rem;
-  border-bottom-left-radius: 0.125rem;
-  box-decoration-break: clone;
-
-  background-color: none;
-
-  /* light yellow */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #fff697 10.5%,
-    #fdf59d 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-purple_background,
-.notion-pink_background {
-  /* light pink */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #f5b8d1 10.5%,
-    #f9bcd3 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-blue_background,
-.notion-gray_background {
-  /* light blue */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #adedfc 10.5%,
-    #adebfd 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-red_background,
-.notion-orange_background {
-  /* light red */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #f5c4ff 10.5%,
-    #e7a8fc 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-teal_background {
-  /* light green */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #d4eabc 10.5%,
-    #d2eabc 85.29%,
-    var(--bg-color)
-  );
-}
-
-.notion-brown_background {
-  /* dark blue */
-  background-image: linear-gradient(
-    119deg,
-    var(--bg-color),
-    #96b8ec 10.5%,
-    #a6c3f0 85.29%,
-    var(--bg-color)
-  );
-}
-
-/* disable highlighting in dark mode */
-.dark-mode .notion-red_background,
-.dark-mode .notion-pink_background,
-.dark-mode .notion-blue_background,
-.dark-mode .notion-purple_background,
-.dark-mode .notion-teal_background,
-.dark-mode .notion-yellow_background,
-.dark-mode .notion-orange_background,
-.dark-mode .notion-brown_background,
-.dark-mode .notion-gray_background {
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-  background: none !important;
-}
-
-/* if you don't want rounded page icon images, remove this */
-.notion-page-icon-hero.notion-page-icon-image {
-  border-radius: 50%;
-  box-shadow: 0 8px 40px 0 rgb(0 0 0 / 21%);
-}
-.notion-page-icon-hero.notion-page-icon-image span,
-.notion-page-icon-hero.notion-page-icon-image img {
-  border-radius: 50%;
-}
-
-.notion-header {
-  background: transparent;
-  backdrop-filter: blur(8px);
-}
-
-.dark-mode .notion-header {
-  background: transparent;
-  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
-  backdrop-filter: blur(8px);
-}
-
-/* Workaround for Firefox not supporting backdrop-filter yet */
-@-moz-document url-prefix() {
-  .dark-mode .notion-header {
-    background: hsla(203, 8%, 20%, 0.8);
-  }
-}
-
-/* .notion-bookmark:hover {
-  border-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
-  border-image-slice: 1;
-} */
-
-.notion-block-ab9a258d6cf444f3bb40dc2600feae91 .notion-column {
-  padding: 0;
-}
-
-.notion-block-260baa77f1e1428b97fb14ac99c7c385 {
-  display: none;
-}
diff --git a/styles/styles/prism-theme.css b/styles/styles/prism-theme.css
deleted file mode 100644
index 8b1e5d1f4f..0000000000
--- a/styles/styles/prism-theme.css
+++ /dev/null
@@ -1,125 +0,0 @@
-/* prism theme adjustments */
-
-.notion-code {
-  background-color: rgba(249, 250, 251, 1);
-  border: 1px solid rgba(229, 231, 235, 1);
-  border-radius: 0.375rem;
-  padding: 1.5em !important;
-}
-
-.dark-mode .notion-code {
-  background-color: rgba(17, 24, 39, 1);
-  border-color: rgba(55, 65, 81, 1);
-}
-.notion code {
-  color: rgba(31, 41, 55, 1);
-  border: 0 none !important;
-  box-shadow: none !important;
-  background: none !important;
-  padding: 0 !important;
-}
-.dark-mode .notion code {
-  color: rgba(229, 231, 235, 1);
-}
-
-.dark-mode .notion .notion-inline-code {
-  background: rgb(50, 54, 56) !important;
-  color: #ff4081;
-  padding: 0.2em 0.4em !important;
-}
-
-.notion .notion-inline-code {
-  color: #ff4081;
-  background: rgba(127, 122, 107, 0.1) !important;
-  padding: 0.2em 0.4em !important;
-}
-
-.token.cdata,
-.token.doctype,
-.token.prolog {
-  color: rgba(55, 65, 81, 1);
-}
-.token.comment {
-  color: #5b9b4c;
-}
-.dark-mode .token.cdata,
-.dark-mode .token.doctype,
-.dark-mode .token.prolog {
-  color: rgba(209, 213, 219, 1);
-}
-.token.punctuation {
-  color: rgba(55, 65, 81, 1);
-}
-.dark-mode .token.punctuation {
-  color: rgba(209, 213, 219, 1);
-}
-.token.boolean,
-.token.constant,
-.token.deleted,
-.token.number,
-.token.property,
-.token.symbol,
-.token.tag {
-  color: rgba(16, 185, 129, 1);
-}
-.token.attr-name,
-.token.builtin,
-.token.char,
-.token.inserted,
-.token.selector,
-.token.string {
-  color: rgba(139, 92, 246, 1);
-}
-.language-css .token.string,
-.style .token.string,
-.token.entity,
-.token.operator,
-.token.url {
-  color: rgba(245, 158, 11, 1);
-}
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: rgba(59, 130, 246, 1);
-}
-.token.class-name,
-.token.function {
-  color: rgba(236, 72, 153, 1);
-}
-.token.important,
-.token.regex,
-.token.variable {
-  color: rgba(245, 158, 11, 1);
-}
-code[class*='language-'],
-pre[class*='language-'] {
-  color: rgba(31, 41, 55, 1);
-}
-.dark-mode code[class*='language-'],
-.dark-mode pre[class*='language-'] {
-  color: rgba(249, 250, 251, 1);
-}
-pre::-webkit-scrollbar {
-  display: none;
-}
-pre {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.token.operator,
-.token.entity,
-.token.url,
-.token.variable {
-  background: none;
-}
-
-pre[class*='language-'] > code {
-  border-left: 0 none !important;
-  box-shadow: none !important;
-  background: none !important;
-}
-
-pre[class*='language-']:before,
-pre[class*='language-']:after {
-  display: none !important;
-}