CSS uploaded by scrapbook.hackclub.com/customizer

style.css

@font-face{
    font-family: 'JetBrains Mono';
    src: url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/web/eot/JetBrainsMono-Regular.eot') format('embedded-opentype'),
         url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
         url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/web/woff/JetBrainsMono-Regular.woff') format('woff'),
         url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/ttf/JetBrainsMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-font-feature-settings: "liga" on, "calt" on;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: 'JetBrains Mono';
}

body {
  background-color: #22192c;
}

.react-calendar-heatmap {
  display: none;
}

.header-title-name {
  visibility: hidden;
  position: relative;
}

.header-title-avatar {
  width: 120px;
}

.header img {
  display: none;
}

.header-title-name:after {
  background: -webkit-linear-gradient(225deg, #ff2b77, #fee353);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
  content: "~$ safin";
}

.post, .posts, .post-header-date {
  color: white !important;
  background-color: #22192c;
}

.post-header-date {
  color: #ff2b77 !important;
}

.header-link svg,
.nav-link {
  fill: #ff2b77 !important;
  color: #ff2b77;
  transition: all 0.2s ease;
}

.header-link svg:hover,
.nav-link:hover {
  transform: scale(1.17) translateY(-3px);
  fill: #fee353 !important;
  color: #fee353;
}

.header-link svg:active,
.nav-link:active {
  transform: scale(0.94) translateY(0px);
  fill: rgb(0, 0, 238) !important;
  color: rgb(0, 0, 238);
}

.badge {
  background-color: #22192cdd;
  color: #fee353;
}

.post-header-date {
  background: -webkit-linear-gradient(225deg, #0c45ff, #0098ff);
  -webkit-background-clip: text;
}