Topic on Skin talk:Vector

I tried editing CSS for the Vector 2022 skin on a Miraheze wiki but literally straight doesn't work. Below is what the CSS scripts used look like

/* All CSS here will be loaded for users of the Vector 2022 skin */

#firstHeading{
	font:30px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h2 {
    font: 24px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h3 {
    font: 18px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h4 {
    font: 16px 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h5 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

.mw-body-content h6 {
    font: inherit 'Comic Sans MS', 'Chalkboard', 'Chalkboard SE', cursive;
}

@media screen {
  #mw-page-base {
    background-image: linear-gradient(#FFFFFF 45%,rgba(36, 255, 0, 0) 100%);
    background-color: transparent;
  }
  body {
    background-color: papayawhip;
  }
}

div.topicon {
  position: absolute;
  z-index: 10;
  top:-55px;
  right: 10px;
  display: block !important;
}

What do I do to get the CSS scripts working?

If a previously functional custom style sheet stopped working as intended, it is probably because something about the layout has changed. Vector 2022 is a fairly new skin, whereas Vector 2010 is long established.