body {
    }
          .layout {
        width: 100%;

        display: grid;
        grid:
          ". . ." auto
          "leftSide body rightSide" 1fr
          ". . ." auto
          / auto 906px auto;
      }

      .leftSide { grid-area: leftSide; }
      .body { grid-area: body; }
      .rightSide { grid-area: rightSide; }

      .bannerBefore, .bannerImg, .bannerAfter, .bannerLinks, .mainContent, .mainContentENTRIES, .mainContentART, .mainContentWEBRINGS, .mainContentSITES, .mainContentSONG, .mainSidebar, .mainSidebarButtons, .footerMain, .footerText, .musAttFoot, .contentSongBoxLEFT, .albumCoverDiv, .webringDiv, .entriesContainer, .entryTextContainer, .musAttributes, .header {
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
      }

      .nav, .banner, .main, .mainContentCENTERTOP, .mainContentCENTERBOTTOM, .mainContentTOP, .mainContentBOTTOM, .contentSitesBox, .contentSitesButtonsDiv, .mainSidebarWario, .mainSidebarButtonDiv, .footer, .footerMainItems, .footerButtons, .contentSongBox, .musFooter, .contentRingsBox, .entryBox, .textContainerFooter {
          display: flex;
          flex-wrap: wrap;
      }
      
      .nav a {
        height: 29px;
      }

      .navMarquee {
          height: 18px;
          width: 348px;
          background-color: #E0A1EE;
          font-family: MS UI Gothic;
          font-size: 13px;
          letter-spacing: 1px;
      }

      .bannerImg {
          width: 750px;
          background-color: #7709B3;
      }
      
      #randomBanner {
        height: 150px;
        width: 750px;
      }

      img {
          height: fit-content;
          width: fit-content;
          image-rendering: pixelated;
      }
      
      #randomImage img {
          image-rendering: initial;
      }

      .bannerLinks a {
          height: 17px;
      }

      .mainContent {
          height: 420px;
          width: 761px;
          background-image: url(https://skapasta.neocities.org/assets/img/blog/V2/mainContentBG2.png);
          background-color: #E0A1EE;
      }

      .mainContentTOP, .mainContentBOTTOM {
          justify-content: space-between;
          width: 761px;
      }

      .mainContentCENTERTOP, .mainContentCENTERBOTTOM {
          margin-left: 7px;
      }

      .mainContentCENTERTOP {
      }

      .mainContentENTRIES, .mainContentART {
          margin-right: 8px;
      }

      .mainContentSITES {
          margin-right: 5px;
      }

      .header {
          margin-bottom: 6px;
          margin-left: 7px;
      }
      
      .entriesContainer {
        height: 381px;
        width: 274px;
        overflow-y: auto;
        overflow-x: hidden;
        display: block;
      }
      
      .entryBox {
        height: 47px;
        width: 274px;
      }
      
      .entryTextContainer {
        width: 194px;
        height: 45px;
        border-top: solid 1px #21242E;
        border-bottom: solid 1px #21242E;
      }
      
      .entryText {
        width: 194px;
        height: 45px;
        font-family: MS UI Gothic;
        color: black;
        font-size: 11px;
        margin: 0;
        text-wrap: wrap;
        line-height: 11px;
        align-content: center;
      }
      
      .entryDate {
          color: steelblue;
      }
      
      .mainContentART a {
        height: 209px;
      }
      
      .textContainer {
          border: solid 8px transparent;
          border-radius: 8px;
          border-bottom: none;
          border-image: url(https://skapasta.neocities.org/assets/img/home/V2/borderimage.png) 8 stretch;
          width: 448px;
          height: 347px;
      }
      
      .entryIFRAME {
          width: inherit;
          height: inherit;
          overflow-y: auto;
          overflow-x: hidden;
          border: none;
      }
      
      .contentRingsBox {
        height: 235px;
        width: 154px;
      }
      
      .webringDiv {
        height: 202px;
        width: 140px;
        overflow: auto;
      }
      
      .webringDiv, .musAttFoot, .contentSitesButtonsDiv, .entryTextContainer, .textContainer {
          background-color: #DEDEDE;
      }

      .contentSitesBox {
          width: 379px;
      }

      .contentSitesButtonsDiv {
          width: 364px;
          padding-top: 1px;
      }
      
      .contentSitesButtonsDiv a {
          height: 31px;
      }

      .siteButton, .siteButtonLeft {
          margin-right:2px;
      }

      .siteButton, .siteButtonRight {
          margin-Left:2px;
      }

      .siteButton:hover, .siteButtonRight:hover, .siteButtonLeft:hover {
          animation: bounce 0.3s ease infinite;
          image-rendering: pixelated;
      }

      @keyframes bounce {
          0% { transform: scale(1.3); }
          50% { transform: scale(.98); }
          100% { transform: scale(1.3); }
      }
      
      .contentSongBox {
        height: 107px;
        width: 363px;
      }
      
      .albumCover {
        height: 90px;
        width: 90px;
        margin-bottom: 1px;
        image-rendering: initial;
        outline: solid 1px black;
      }
      
      .musAttFoot {
        height: 99px;
        width: 256px;
        font-family: MS UI Gothic;
        color: black;
        font-size: 13px;
      }
      
      .musAttributes {
        height: 73px;
        padding-left: 8px;
        justify-content: space-around;
      }
      
      .featAudio {
        width: 246px;
        height: 21px;
        border: solid 1px black;
        display: none;
      }
      
      .musFooter {
        height: 26px;
        width: 264px;
      }

      .mainSidebarWario {
          background-color: black;
      }
      
      .mainSidebarButtons {
          width: 88px;
          height: 184px;
          padding-left: 4px;
          background-color: #D25CEA;
          justify-content: space-evenly;
      }
      
      .mainSidebarButtons a {
          height: 31px;
      }
      
      .footerMain {
          width: 555px;
          height: 56px;
          background-color: #21242E;
      }
      
      .footerMainItems {
        justify-content: space-around;
        align-content: center;
        height: 53px;
      }
      
      .footerText {
        font-family: MS UI Gothic;
        font-size: 13px;
        text-align: center;
      }