Pen Settings

HTML

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

CSS

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

You can also link to another Pen here (use the .css URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

JavaScript

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient.

Learn more · Versions

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Powered by Algolia
About Packages

Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.

All packages are different, so refer to their docs for how they work.

If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML 

              
                <div class="container">
  <a target="_blank" href="https://quickhoney.com/image/new-york-pix-elevated-subway/">Art inspired by QuickHoney</a>
  <div class="nyc" />
</div>
!

CSS 

              
                // WARNING: hot garb code incoming 😭
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&display=swap');

:root {
  --quickHoney: rgb(255, 0, 255);
  --skyTop: rgb(228, 228, 210);
  --skyBottom: rgb(210, 232, 241);

  --black: rgb(0, 0, 3);
  --sidewalk: rgb(122, 125, 134);
  --road: rgb(73, 80, 83);
  --skyline: rgb(141, 150, 154);

  // building 1
  --building1BlueDark: rgb(0, 0, 6);
  --building1BlueMedium: rgb(0, 54, 88);
  --building1BlueLight: rgb(46, 65, 88);
  --building1RoofShadow: rgb(136, 49, 38);
  --building1Brick: rgb(162, 78, 56);
  --building1WindowShadow: rgb(137, 42, 25);
  --building1White: rgb(190, 199, 202);
  --building1WindowDark: rgb(60, 105, 81);
  --building1WindowSill: rgb(113, 73, 52);
  --building1DoorDark: rgb(48, 54, 55);
  --building1DoorLight: rgb(74, 80, 83);
  --building1SignRed: rgb(145, 62, 42);
  --building1SignGreen: rgb(0, 87, 35);
  --building1SignBeige: rgb(188, 163, 117);
  --building1SignShadow: rgb(125, 47, 31);
  --building1StoreGlassLight: rgb(73, 80, 83);
  --building1StoreGlassDark: rgb(49, 55, 56);
  --building1StorePoster: rgb(192, 163, 109);

  // building 2
  --building2BlueDark: rgb(4, 0, 0);
  --building2BlueMedium: rgb(0, 54, 88);
  --building2BlueLight: rgb(46, 65, 88);
  --building2RoofShadow: rgb(142, 45, 26);
  --building2Brick: rgb(162, 56, 31);
  --building2WindowDark: rgb(48, 88, 67);
  --building2WindowLight: rgb(122, 125, 135);
  --building2WindowTrim: rgb(130, 128, 111);
  --building2WindowShadow: rgb(137, 42, 25);
  --building2SignBackground: rgb(0, 75, 128);
  --building2SignText: rgb(76, 165, 217);
  --building2SignShadowBrick: rgb(124, 48, 32);
  --building2SignShadowGlassTop: rgb(48, 57, 59);
  --building2SignShadowGlassBottom: rgb(52, 64, 83);
  --building2TopOfDoorGray: rgb(17, 30, 38);
  --building2TopOfDoorShadow: rbg(22, 54, 86);
  --building2DoorMain: rgb(46, 65, 88);
  --building2DoorTrim: rgb(22, 26, 31);
  --building2DoorKnob: rgb(169, 177, 83);
  --building2DoorBottom: rgb(73, 80, 83);
  --building2StoreGlass: rgb(73, 80, 83);
  --building2StoreGlassBottom: rgb(49, 55, 56);
  --building2StoreBlack: rgb(22, 26, 28);

  // building 3
  --building3GreenDark: rgb(8, 67, 23);
  --building3GreenLight: rgb(0, 87, 35);
  --building3RoofShadow: rgb(109, 74, 56);
  --building3Brick: rgb(162, 77, 56);
  --building3WindowLight: rgb(91, 115, 166);
  --building3WindowDark: rgb(35, 61, 47);
  --building3WindowSill: rgb(131, 127, 108);
  --building3WindowShadow: rgb(108, 75, 55);
  --building3SignBlue: rgb(0, 165, 224);
  --building3SignBlueSymbol: rgb(76, 164, 221);
  --building3SignText: rgb(92, 117, 164);
  --building3SignYellow: rgb(214, 205, 129);
  --building3GlassShadow: rgb(78, 77, 50);
  --building3Glass: rgb(144, 121, 76);
  --building3DoorGreen: rgb(0, 87, 35);
  --building3DoorTrim: rgb(28, 60, 25);
  --building3DoorKnob: rgb(157, 182, 176);
  --building3DoorBottom: rgb(73, 80, 83);
  --building3AC: rgb(221, 225, 228);
  --building3ACSides: rgb(141, 149, 154);
  --building3ACMiddles: rgb(99, 106, 101);
  --building3StoreDoor: rgb(77, 77, 51);
  --building3StoreRack: rgb(147, 146, 139);
  --build3StoreItemBase: rgb(187, 164, 120);
  --building3StoreItemPink: rgb(217, 174, 193);
  --building2StoreItemBlue: rgb(181, 208, 224);

  // building 4
  --building4OrangeLight: rgb(175, 123, 91);
  --building4OrangeMedium: rgb(176, 103, 52);
  --building4OrangeDark: rgb(137, 80, 39);
  --building4GlassDark: rgb(60, 105, 81);
  --building4GlassLight: rgb(85, 115, 171);
  --building4GlassDarkest: rgb(25, 62, 45);
  --building4WindowTrimGray: rgb(170, 175, 175);
  --building4WindowTrimYellow: rgb(202, 196, 131);
  --building4WindowTrimShadow: rgb(128, 83, 47);
  --building4DoorBeige: rgb(192, 163, 109);
  --building4DoorBrownDark: rgb(90, 60, 56);
  --building4DoorBrownMedium: rgb(114, 73, 52);
  --building4DoorBrownLight: rgb(167, 105, 60);
  --building4WallBottom: rgb(137, 80, 39);
  --building4WallWindowShadow: rgb(106, 75, 55);
  --building4DoorStepTop: rgb(98, 107, 100);
  --building4DoorStepBottom: rgb(167, 175, 173);
  --building4DoorGrayAccent: rgb(99, 108, 95);

  // building 5
  --building5BrownLight: rgb(192, 163, 109);
  --building5BrownMedium: rgb(149, 121, 61);
  --building5BrownDark: rgb(141, 103, 45);
  --building5GarageBlack: rgb(23, 25, 29);
  --building5GarageDoorGray1: rgb(96, 105, 97); // door holder gray row 1
  --building5GarageDoorGray2: rgb(48, 54, 55); // door holder gray row 2
  --building5GarageDoorStripeLight: rgb(142, 148, 156);
  --building5GarageDoorStripeDark: var(--sidewalk);
  --building5DoorFrame: rgb(71, 80, 82);
  --building5Door: rgb(122, 125, 135);
  --building5DoorShadow: rgb(95, 106, 96);
  --building5GraffitiDBXBlue: rgb(0, 97, 254);
  --building5GraffitiDBXBlack: rgb(30, 25, 25);

  // fence
  --fenceGrayDark: rgb(73, 82, 84);
  --fenceGrayMedium: rgba(118, 126, 136, 0.5);
  --fenceGrayLight: rgba(167, 175, 181, 0.5);

  // water tower
  --waterTowerBorder: rgb(22, 27, 26);
  --waterTowerBrownLight: rgb(107, 75, 50);
  --waterTowerBrownDark: rgb(61, 36, 31);
  --waterTowerGreenLight: rgb(77, 77, 51);
  --waterTowerGreenDark: rgb(38, 41, 20);
  --waterTowerGrayLight: rgb(142, 149, 153);
  --waterTowerGrayMedium: rgb(122, 125, 135);
  --waterTowerGrayDark: rgb(98, 106, 99);
  --waterTowerLadder: rgb(73, 81, 81);

  // building 6
  --building6BrownLight: rgb(96, 58, 58);
  --building6BrownDark: rgb(60, 34, 31);
  --building6WindowLight: rgb(140, 150, 155);
  --building6WindowDark1: rgb(71, 104, 82);
  --building6WindowDark2: rgb(59, 86, 70);
  --building6WindowSill: rgb(98, 103, 94);

  // parking sign
  --parkingSignYellow: rgb(245, 231, 12);
  --parkingSignWhite: rgb(253, 255, 253);
  --parkingSignGray: rgb(190, 199, 202);

  // train platform
  --platformMain: rgb(49, 55, 56);
  --platformGrayTrim: rgb(22, 26, 28);
  --platformBlackTrim: var(--black);
  --platformGreen1: rgb(97, 103, 86);
  --platformGreen2: rgb(74, 76, 58);
  --platformGreen3: rgb(29, 59, 28);
  --platformGreen4: rgb(39, 43, 22);
  --platformGreen5: rgb(11, 60, 18);
  --platformBase: var(--sidewalk);
  --platformBaseAccent: rgb(168, 177, 171);

  // subway
  --subwayMain: rgb(192, 199, 202);
  --subwayWindow: rgb(52, 82, 82);
  --subwayWhite: rgb(255, 255, 255);
  --subwayWhiteTrim: rgb(220, 225, 227);
  --subwayGrayTrimLight: rgb(140, 150, 153);
  --subwayGrayTrimMedium: rgb(224, 228, 229);
  --subwayGrayTrimDark: rgb(74, 80, 83);
  --subwayLogoBlueDark: rgb(33, 75, 117);
  --subwayLogoBlueLight: rgb(181, 208, 232);
  --subwayFlagRed: rgb(190, 164, 119);
  --subwayFlagBlue: rgb(89, 115, 162);
  --subwayChains: rgb(124, 124, 131);
  --subwayBottomGray: rgb(123, 125, 134);
  --subwayBottomGreen: rgb(100, 108, 99);
  --subwayWheelGrayLight: rgb(74, 80, 83);
  --subwayWheelGrayMedium: rgb(49, 54, 56);
  --subwayWheelGrayDark: rgb(22, 27, 28);
  --subwayGrayBorderLight: rgb(223, 224, 227);
  --subwayGrayBorderMedium: rgb(165, 175, 177);
  --subwayGrayBorderDark: rgb(142, 149, 154);
  --subwayGrayBorderDarkest: rgb(73, 79, 82);
  --subwayTopOpacity: rgba(73, 79, 82, 0.25);
}

html {
  font-size: 10px;
}

body {
  align-items: center;
  background: linear-gradient(var(--skyTop) 50%, var(--skyBottom) 60%);
  display: flex;
  font-family: 'Roboto Mono', monospace;
  justify-content: center;
  margin: 0;

}

.container {
  transform: scale(1);
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  position: relative;
  width: 100vw;

    @media only screen and (max-width: 1024px) {
      transform: scale(0.5);
    }

    @media only screen and (max-width: 500px) {
      transform: scale(0.3);
    }
}

a {
  color: var(--building5GraffitiDBXBlue);
  cursor: pointer;
  font-size: 1.75rem;
  font-weight: bold;
  text-decoration: underline;
  position: absolute;
  transform: translateY(30rem);
  z-index: 10;

  &:hover {
    text-decoration: underline;
  }
  
  @media only screen and (max-width: 1024px) {
      font-size: 3rem;
      transform: translateY(32rem);
    }

    @media only screen and (max-width: 500px) {
      font-size: 4rem;
      transform: translateY(35rem);
      text-align: center;
    }
}

.nyc {
  transform: scale(2);
  overflow: hidden;

  background-image:
    linear-gradient(var(--sidewalk) 15%, var(--road) 15%), // sidewalk and road

    /**
     BUILDING 1
    */
    linear-gradient(var(--building1StorePoster), var(--building1StorePoster)), // poster
    linear-gradient(var(--black) 4%, transparent 4% 90%, var(--black) 90%), // store glass
    linear-gradient(90deg, var(--black) 3.5%, var(--building1StoreGlassLight) 3.5% 40%, var(--black) 40% 44%, var(--building1StoreGlassDark) 44% 60%, var(--black) 60% 64%, var(--building1StoreGlassLight) 64% 75%, var(--black) 75% 79%, var(--building1StoreGlassLight) 79% 96%, var(--black) 96%), // frame for glass
    linear-gradient(var(--building1SignShadow), var(--building1SignShadow)), // overhang shadow
    linear-gradient(var(--black) 22%, var(--building1DoorDark) 22%), // door
    linear-gradient(var(--building1White) 70%, var(--building1SignGreen) 70%), // sign background

    // windows [3, 3]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [3, 2]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [3, 1]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [3, 0]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [2, 3]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [2, 2]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [2, 1]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [2, 0]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 13%, transparent 13% 70%, var(--building1BlueLight) 70%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [1, 3]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [1, 2]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [1, 1]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main


    // windows [1, 0]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 13%, transparent 13% 70%, var(--building1BlueLight) 70%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [0, 3]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%), // main


    // windows [0, 2]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1WindowDark) 10% 45%, var(--black) 45% 55%, var(--building1WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [0, 1]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 25%, transparent 25% 75%, var(--building1BlueLight) 75%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1White) 10% 45%, var(--black) 45% 55%, var(--building1White) 55% 90%, var(--black) 90%), // main


    // windows [0, 0]
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 4
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 3
    linear-gradient(var(--building1BlueLight), var(--building1BlueLight)), // window frame 2
    linear-gradient(90deg, var(--building1BlueLight) 13%, transparent 13% 70%, var(--building1BlueLight) 70%), // window frame 1
    linear-gradient(var(--building1WindowSill) 60%, var(--building1WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building1White) 10% 30%, var(--black) 30% 40%, var(--building1White) 40% 60%, var(--black) 60% 75%, var(--building1White) 75% 90%, var(--black) 75%), // window glass


    linear-gradient(var(--building1BlueMedium) 60%, var(--building1RoofShadow) 60%), // roof trim last row and shadow
    linear-gradient(var(--building1BlueMedium) 33%, transparent 33% 66%, var(--building1BlueMedium) 66%), // roof trim horizontal sections 4
    linear-gradient(var(--building1BlueMedium) 33%, transparent 33% 66%, var(--building1BlueMedium) 66%), // roof trim horizontal sections 3
    linear-gradient(var(--building1BlueMedium) 33%, transparent 33% 66%, var(--building1BlueMedium) 66%), // roof trim horizontal sections 2
    linear-gradient(var(--building1BlueMedium) 33%, transparent 33% 66%, var(--building1BlueMedium) 66%), // roof trim horizontal sections 1
    linear-gradient(var(--building1BlueMedium) 30%, var(--building1BlueDark) 30% 50%, var(--building1BlueMedium) 50% 80%, var(--building1BlueDark) 80%), // roof trim column things 4
    linear-gradient(var(--building1BlueMedium) 30%, var(--building1BlueDark) 30% 50%, var(--building1BlueMedium) 50% 80%, var(--building1BlueDark) 80%), // roof trim column things 3
    linear-gradient(var(--building1BlueMedium) 30%, var(--building1BlueDark) 30% 50%, var(--building1BlueMedium) 50% 80%, var(--building1BlueDark) 80%), // roof trim column things 2
    linear-gradient(var(--building1BlueMedium) 30%, var(--building1BlueDark) 30% 50%, var(--building1BlueMedium) 50% 80%, var(--building1BlueDark) 80%), // roof trim column things 1
    linear-gradient(90deg, var(--building1BlueMedium) 5%, transparent 5% 10%, var(--building1BlueMedium) 10% 15%, transparent 15% 27%, var(--building1BlueMedium) 27% 32%, transparent 32% 37%, var(--building1BlueMedium) 37% 42%, transparent 42% 54%, var(--building1BlueMedium) 54% 59%, transparent 59% 64%, var(--building1BlueMedium) 64% 69%, transparent 69% 81%, var(--building1BlueMedium) 81% 86%, transparent 86% 91%, var(--building1BlueMedium) 91%), // roof spotted blue patches
    linear-gradient(var(--building1BlueDark) 20%, var(--building1BlueLight) 20%), // roof trim third section
    linear-gradient(var(--building1BlueMedium) 60%, var(--building1BlueDark) 60%), // roof trim second row
    linear-gradient(var(--building1BlueMedium) 60%, var(--building1BlueDark) 60%), // roof trim top row
    linear-gradient(var(--building1Brick), var(--building1Brick)), // main body


    /**
     BUILDING 2
    */
    linear-gradient(90deg, var(--building2StoreBlack) 3%, transparent 3% 10%, var(--building2StoreBlack) 10% 13%, transparent 13% 40%, var(--building2StoreBlack) 40% 63%, transparent 63% 87%, var(--building2StoreBlack) 87% 90%, transparent 90% 97%, var(--building2StoreBlack) 97%), // store 2
    linear-gradient(var(--building2SignShadowGlassTop) 15%, var(--building2StoreGlass) 15% 65%, var(--building2StoreBlack) 65% 70%, var(--building2StoreGlassBottom) 70% 93%, var(--building2StoreBlack) 93%), // store 1
    linear-gradient(var(--black) 20%, var(--building2DoorMain) 20% 90%, var(--building2DoorBottom) 90%), // door
    linear-gradient(var(--building2SignShadowBrick), var(--building2SignShadowBrick)), // brick shadow
    linear-gradient(var(--building2SignBackground), var(--building2SignBackground)), // sign background

    // windows [3, 3]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [3, 2]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [3, 1]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [3, 0]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45%), // main

    // windows [2, 3]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [2, 2]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [2, 1]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [2, 0]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [1, 3]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 30%, var(--black) 30% 40%, var(--building2WindowDark) 40% 60%, var(--black) 60% 75%, var(--building2WindowDark) 75% 90%, var(--black) 75%), // main

    // windows [1, 2]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [1, 1]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [1, 0]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45% 55%, var(--building2WindowDark) 55% 90%, var(--black) 90%), // main

    // windows [0, 3]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 30%, var(--black) 30% 40%, var(--building2WindowDark) 40% 60%, var(--black) 60% 75%, var(--building2WindowDark) 75% 90%, var(--black) 75%), // main

    // windows [0, 2]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowLight) 10% 45%, var(--black) 45% 55%, var(--building2WindowLight) 55% 80%, var(--black) 80%), // main

    // windows [0, 1]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowLight) 10% 45%, var(--black) 45% 55%, var(--building2WindowLight) 55% 90%, var(--black) 90%), // main

    // windows [0, 0]
    linear-gradient(var(--building2BlueLight), var(--building2BlueLight)), // window frame
    linear-gradient(var(--building2WindowTrim) 60%, var(--building2WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building2WindowDark) 10% 45%, var(--black) 45%), // window main

    // roof triangle thing
    linear-gradient(90deg, var(--building2BlueMedium) 33%, var(--building2BlueMedium)), // row 5
    linear-gradient(90deg, var(--building2BlueMedium) 33%, var(--building2BlueLight) 33% 67%, var(--building2BlueMedium) 67%), // row 4
    linear-gradient(90deg, var(--building2BlueMedium) 33%, var(--building2BlueLight) 33% 67%, var(--building2BlueMedium) 67%), // row 3
    linear-gradient(90deg, var(--building2BlueMedium) 25%, var(--building2BlueLight) 25% 75%, var(--building2BlueMedium) 75%), // row 2
    linear-gradient(90deg, var(--building2BlueMedium) 20%, var(--building2BlueLight) 20% 80%, var(--building2BlueMedium) 80%), // row 1

    linear-gradient(var(--building2BlueMedium) 60%, var(--building2RoofShadow) 60%), // roof trim last row and shadow
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 12
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 11
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 10
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 9
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 8
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 7
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 6
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 5
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 4
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 3
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 2
    linear-gradient(var(--building2BlueMedium) 30%, var(--building2BlueDark) 30% 50%, var(--building2BlueMedium) 50% 80%, var(--building2BlueDark) 80%), // roof trim column things 1
    linear-gradient(var(--building2BlueDark) 20%, var(--building2BlueLight) 20%), // roof trim third section
    linear-gradient(var(--building2BlueMedium) 60%, var(--building2BlueDark) 60%), // roof trim second row
    linear-gradient(var(--building2BlueMedium) 60%, var(--building2BlueDark) 60%), // roof trim top row

    linear-gradient(var(--building2Brick), var(--building2Brick)), // main body


    /**
     BUILDING 3
    */
    linear-gradient(var(--building3AC) 10%, transparent 10% 90%, var(--building3AC) 90%), // AC 2
    linear-gradient(90deg, var(--building3AC) 10%, var(--building3ACMiddles) 10% 20%, var(--building3AC) 20% 30%, var(--building3ACMiddles) 30% 40%, var(--building3AC) 40% 50%, var(--building3ACMiddles) 50% 60%, var(--building3AC) 60% 70%, var(--building3ACMiddles) 70% 80%, var(--building3AC) 80% 90%), // AC 1
    linear-gradient(90deg, var(--black) 3%, transparent 3% 10%, transparent 10% 37%, var(--black) 37% 40%, var(--building3StoreDoor) 40% 63%, var(--black) 63% 66%, transparent 66% 96%, var(--black) 96%), // store 2
    linear-gradient(var(--building3GlassShadow) 15%, var(--building3Glass) 15% 65%, var(--black) 65% 70%, var(--building2StoreGlassBottom) 70% 93%, var(--black) 93%), // store 1
    linear-gradient(var(--black) 20%, var(--building3DoorGreen) 20% 90%, var(--building3DoorBottom) 90%), // door
    linear-gradient(var(--building3SignBlue) 20%, var(--building3SignYellow) 20% 80%, var(--building3SignBlue) 80%), // sign background

    // windows [3, 3]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass


    // windows [3, 2]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass


    // windows [3, 1]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [3, 0]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45%), // window glass    

    // windows [2, 3]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [2, 2]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [2, 1]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [2, 0]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [1, 3]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides    
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 30%, var(--black) 30% 40%, var(--building3WindowDark) 40% 60%, var(--black) 60% 75%, var(--building3WindowDark) 75% 90%, var(--black) 75%), // window glass

    // windows [1, 2]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowLight) 10% 45%, var(--black) 45%), // window glass


    // windows [1, 1]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowLight) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [1, 0]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 30%, var(--black) 30% 40%, var(--building3WindowDark) 40% 60%, var(--black) 60% 75%, var(--building3WindowDark) 75% 90%, var(--black) 75%), // window glass


    // windows [0, 3]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45%), // window glass

    // windows [0, 2]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass

    // windows [0, 1]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowDark) 10% 45%, var(--black) 45% 55%, var(--building3WindowDark) 55% 90%, var(--black) 90%), // window glass    

    // windows [0, 0]
    linear-gradient(var(--building3GreenLight), var(--building3GreenLight)), // window frame
    linear-gradient(var(--building3WindowSill) 60%, var(--building3WindowShadow) 60%), // window sill/shadow
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--building3WindowLight) 10% 30%, var(--black) 30% 40%, var(--building3WindowLight) 40% 60%, var(--black) 60% 75%, var(--building3WindowLight) 75% 90%, var(--black) 90%), // window glass


    linear-gradient(var(--building3GreenLight) 60%, var(--building3RoofShadow) 60%), // roof trim last row and shadow
    linear-gradient(var(--building3GreenDark) 15% 20%, var(--building3GreenLight) 20% 30%, var(--building3GreenDark) 30% 50%, var(--building3GreenLight) 50% 80%, var(--building3GreenDark) 80%), // roof trim column things 5
    linear-gradient(var(--building3GreenDark) 15% 20%, var(--building3GreenLight) 20% 30%, var(--building3GreenDark) 30% 50%, var(--building3GreenLight) 50% 80%, var(--building3GreenDark) 80%), // roof trim column things 4
    linear-gradient(var(--building3GreenDark) 15% 20%, var(--building3GreenLight) 20% 30%, var(--building3GreenDark) 30% 50%, var(--building3GreenLight) 50% 80%, var(--building3GreenDark) 80%), // roof trim column things 3
    linear-gradient(var(--building3GreenDark) 15% 20%, var(--building3GreenLight) 20% 30%, var(--building3GreenDark) 30% 50%, var(--building3GreenLight) 50% 80%, var(--building3GreenDark) 80%), // roof trim column things 2
    linear-gradient(var(--building3GreenDark) 15% 20%, var(--building3GreenLight) 20% 30%, var(--building3GreenDark) 30% 50%, var(--building3GreenLight) 50% 80%, var(--building3GreenDark) 80%), // roof trim column things 1
    linear-gradient(90deg, var(--building3GreenDark) 5%, transparent 5% 10%, var(--building3GreenDark) 10% 15%, transparent 15% 27%, var(--building3GreenDark) 27% 32%, transparent 32% 37%, var(--building3GreenDark) 37% 42%, transparent 42% 54%, var(--building3GreenDark) 54% 59%, transparent 59% 64%, var(--building3GreenDark) 64% 69%, transparent 69% 81%, var(--building3GreenDark) 81% 86%, transparent 86% 91%, var(--building3GreenDark) 91%), // roof spotted green patches
    linear-gradient(var(--building3GreenDark) 20%, var(--building3GreenLight) 20%), // roof trim third section
    linear-gradient(var(--building3GreenLight) 60%, var(--building3GreenLight) 60%), // roof trim second row
    linear-gradient(var(--building3GreenLight) 60%, var(--building3GreenDark) 60%), // roof trim top row
    linear-gradient(var(--building3Brick), var(--building3Brick)), // main body


    /**
     BUILDING 4
    */
    // door shit
    linear-gradient(90deg, var(--building4DoorBrownDark), var(--building4DoorBrownDark)), // door top 3
    linear-gradient(90deg, var(--building4DoorBrownDark) 30%, var(--building4DoorBrownMedium) 30% 70%, var(--building4DoorBrownDark) 70%), // door top 2
    linear-gradient(90deg, var(--building4DoorBrownDark) 20%, var(--building4DoorBrownMedium) 20% 80%, var(--building4DoorBrownDark) 80%), // door top 1
    linear-gradient(var(--building4DoorBeige), var(--building4DoorBeige)), // accent arch 4
    linear-gradient(var(--building4DoorBeige), var(--building4DoorBeige)), // accent arch 3
    linear-gradient(var(--building4DoorBeige), var(--building4DoorBeige)), // accent arch 2
    linear-gradient(var(--building4DoorBeige), var(--building4DoorBeige)), // accent arch 1
    linear-gradient(90deg, var(--building4DoorBrownDark) 10%, var(--building4DoorBrownMedium) 10% 90%, var(--building4DoorBrownDark) 90%), // door main
    linear-gradient(var(--building4DoorStepTop) 50%, var(--building4DoorStepBottom) 50%), // door steps
    linear-gradient(var(--building4DoorBeige) 3%, transparent 3% 8%, var(--building4DoorBeige) 8% 11%, transparent 11% 42%, var(--building4DoorBeige) 42% 45%, transparent 45% 60%, var(--building4DoorBeige) 60% 63%, transparent 63% 68%, var(--building4DoorBeige) 68%), // beige horizontal accents
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // door outer

    // windows 6
    // window [5, 2]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4WallWindowShadow) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [5, 1]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4WallWindowShadow) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [5, 0]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4WallWindowShadow) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // windows 5
    // window [4, 3]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [4, 2]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [4, 1]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [4, 0]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDarkest) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDarkest) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // windows 4
    // window [3, 3]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDark) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [3, 2]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDark) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [3, 1]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDark) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // window [3, 0]
    linear-gradient(var(--building4WindowTrimYellow) 10%, transparent 10% 80%, var(--building4WindowTrimYellow) 80% 90%, var(--building4OrangeDark) 90%), // window top/bottom frame
    linear-gradient(90deg, var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, transparent 15% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window side
    linear-gradient(var(--building4WindowTrimYellow) 10%, var(--building4WindowTrimGray) 10% 15%, var(--building4GlassDark) 15% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 85%, var(--building4WindowTrimGray) 85% 90%, var(--building4WindowTrimYellow) 90%), // window middle

    // windows 3
    // window [2, 3]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    // window [2, 2]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    // window [2, 1]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    // window [2, 0]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 19%, var(--building4WindowTrimGray) 19% 25%, var(--building4GlassDark) 25% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 75%, var(--building4WindowTrimGray) 75% 80%, var(--black) 80% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    linear-gradient(var(--building4WindowTrimYellow) 60%, var(--building4WindowTrimShadow) 60%), // bar + shadow

    // windows 2
    // window [1, 3]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--black) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    // window [1, 2]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    // window [1, 1]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassLight) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassLight) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    // window [1, 0]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassLight) 5% 19%, var(--building4WindowTrimGray) 19% 25%, var(--building4GlassLight) 25% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassLight) 52% 75%, var(--building4WindowTrimGray) 75% 80%, var(--black) 80% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 2
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // frame top 1
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps right
    linear-gradient(var(--building4OrangeMedium) 15%, transparent 15% 35%, var(--building4OrangeMedium) 35% 50%, transparent 50% 65%, var(--building4OrangeMedium) 65% 80%, transparent 80%), // window frame gaps left
    linear-gradient(var(--building4WindowTrimYellow), var(--building4WindowTrimYellow)), // window frame

    linear-gradient(var(--building4WindowTrimYellow) 60%, var(--building4WindowTrimShadow) 60%), // bar + shadow

    // windows 1
    // window [0, 3]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle

    // window [0, 2]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 19%, var(--building4WindowTrimGray) 19% 25%, var(--building4GlassDark) 25% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 75%, var(--building4WindowTrimGray) 75% 80%, var(--black) 80% 95%, var(--building4WindowTrimGray) 95%), // window middle

    // window [0, 1]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle

    // window [0, 0]
    linear-gradient(90deg, var(--building4WindowTrimGray) 10%, transparent 10% 90%, var(--building4WindowTrimGray) 90%), // window side
    linear-gradient(var(--building4WindowTrimGray) 5%, var(--building4GlassDark) 5% 47%, var(--building4WindowTrimGray) 47% 52%, var(--building4GlassDark) 52% 95%, var(--building4WindowTrimGray) 95%), // window middle
    linear-gradient(var(--building4WindowTrimYellow) 60%, var(--building4WindowTrimShadow) 60%), // bar + shadow
    linear-gradient(transparent 17%, var(--building4OrangeDark) 17% 32%, transparent 32% 49%, var(--building4OrangeDark) 49% 64%, transparent 64% 81%, var(--building4OrangeDark) 81% 96%, transparent 96%), // top windows background
    linear-gradient(var(--building4WallBottom), var(--building4WallBottom)), // bottom section
    linear-gradient(var(--building4OrangeLight), var(--building4OrangeLight)), // roof thing
    linear-gradient(var(--building4OrangeMedium), var(--building4OrangeMedium)), // main body


    /**
      BUILDING 5
    */
    // garage
    linear-gradient(-30deg, transparent 30%, var(--building5GraffitiDBXBlue) 30% 70%, transparent 70%), // dbx logo bottom right
    linear-gradient(30deg, transparent 30%, var(--building5GraffitiDBXBlack) 30% 70%, transparent 70%), // dbx logo bottom left
    linear-gradient(-30deg, transparent 30%, var(--building5GraffitiDBXBlack) 30% 70%, transparent 70%), // dbx logo top right
    linear-gradient(30deg, transparent 30%, var(--building5GraffitiDBXBlue) 30% 70%, transparent 70%), // dbx logo top left

    linear-gradient(var(--building5DoorShadow) 5%,
      var(--building5GarageDoorStripeLight) 5% 10%, var(--building5GarageDoorStripeDark) 10% 15%,
      var(--building5GarageDoorStripeLight) 15% 20%, var(--building5GarageDoorStripeDark) 20% 25%,
      var(--building5GarageDoorStripeLight) 25% 30%, var(--building5GarageDoorStripeDark) 30% 35%,
      var(--building5GarageDoorStripeLight) 35% 40%, var(--building5GarageDoorStripeDark) 40% 45%,
      var(--building5GarageDoorStripeLight) 45% 50%, var(--building5GarageDoorStripeDark) 50% 55%,
      var(--building5GarageDoorStripeLight) 55% 60%, var(--building5GarageDoorStripeDark) 60% 65%,
      var(--building5GarageDoorStripeLight) 65% 70%, var(--building5GarageDoorStripeDark) 70% 75%,
      var(--building5GarageDoorStripeLight) 75% 80%, var(--building5GarageDoorStripeDark) 80% 85%,
      var(--building5GarageDoorStripeLight) 85% 90%, var(--building5GarageDoorStripeDark) 90% 95%,
      var(--building5GarageDoorStripeLight) 95%,
    ), // garage door
    linear-gradient(var(--building5GarageBlack) 5%, var(--building5GarageDoorGray1) 5% 10%, var(--building5GarageDoorGray2) 10% 15%, var(--building5GarageBlack) 15%), // garage frame
    linear-gradient(var(--black), var(--black)), // door hole
    linear-gradient(90deg, var(--building5DoorFrame) 10%, transparent 10% 90%, var(--building5DoorFrame) 90%), // door sides
    linear-gradient(var(--building5DoorFrame) 5%, var(--building5DoorShadow) 5% 11%, var(--building5Door) 11%), // door
    linear-gradient(90deg, var(--building5BrownDark) 98%, transparent 98%), // dark patch
    linear-gradient(var(--building5BrownLight) 5%, var(--building5BrownMedium) 5%), // main body


    /**
      PARK SIGN
    */
    linear-gradient(var(--parkingSignGray), var(--parkingSignGray)), // gray bar
    linear-gradient(var(--black), var(--black)), // top black bar
    linear-gradient(var(--black), var(--black)), // bottom black bar
    linear-gradient(90deg, var(--black) 10%, transparent 10% 90%, var(--black) 90%), // sides
    linear-gradient(var(--black) 10%, var(--parkingSignWhite) 10% 20%, var(--parkingSignYellow) 20% 30%, var(--black) 30% 35%, var(--parkingSignYellow) 35% 95%, var(--black) 95%), // middle
    linear-gradient(var(--black) 5%, transparent 5% 95%, var(--black) 95%), // sign holder


    /**
      FENCE
    */
    linear-gradient(var(--fenceGrayDark) 4%, transparent 4%), // main body
    linear-gradient(135deg, transparent 5%,
      var(--fenceGrayLight) 6% 8%, transparent 8% 10%, var(--fenceGrayMedium) 10% 12%, transparent 12% 14%,
      var(--fenceGrayLight) 14% 16%, transparent 16% 18%, var(--fenceGrayMedium) 18% 20%, transparent 20% 22%,
      var(--fenceGrayLight) 22% 24%, transparent 24% 26%, var(--fenceGrayMedium) 26% 28%, transparent 28% 30%,
      var(--fenceGrayLight) 30% 32%, transparent 32% 34%, var(--fenceGrayMedium) 34% 36%, transparent 36% 38%,
      var(--fenceGrayLight) 38% 40%, transparent 40% 42%, var(--fenceGrayMedium) 42% 44%, transparent 44% 46%,
      var(--fenceGrayLight) 46% 48%, transparent 48% 50%, var(--fenceGrayMedium) 50% 52%, transparent 52% 54%,
      var(--fenceGrayLight) 54% 56%, transparent 56% 58%, var(--fenceGrayMedium) 58% 60%, transparent 60% 62%,
      var(--fenceGrayLight) 62% 64%, transparent 64% 66%, var(--fenceGrayMedium) 66% 68%, transparent 68% 70%,
      var(--fenceGrayLight) 70% 72%, transparent 72% 74%, var(--fenceGrayMedium) 74% 76%, transparent 76% 78%,
      var(--fenceGrayLight) 78% 80%, transparent 80% 82%, var(--fenceGrayMedium) 82% 84%, transparent 84% 86%,
      var(--fenceGrayLight) 86% 88%, transparent 88% 90%, var(--fenceGrayMedium) 90% 92%, transparent 92% 94%,
      var(--fenceGrayLight) 94% 96%, transparent 96% 98%, var(--fenceGrayMedium) 98%,
    ), // fence lines 2
    linear-gradient(45deg, transparent 5%,
      var(--fenceGrayLight) 6% 8%, transparent 8% 10%, var(--fenceGrayMedium) 10% 12%, transparent 12% 14%,
      var(--fenceGrayLight) 14% 16%, transparent 16% 18%, var(--fenceGrayMedium) 18% 20%, transparent 20% 22%,
      var(--fenceGrayLight) 22% 24%, transparent 24% 26%, var(--fenceGrayMedium) 26% 28%, transparent 28% 30%,
      var(--fenceGrayLight) 30% 32%, transparent 32% 34%, var(--fenceGrayMedium) 34% 36%, transparent 36% 38%,
      var(--fenceGrayLight) 38% 40%, transparent 40% 42%, var(--fenceGrayMedium) 42% 44%, transparent 44% 46%,
      var(--fenceGrayLight) 46% 48%, transparent 48% 50%, var(--fenceGrayMedium) 50% 52%, transparent 52% 54%,
      var(--fenceGrayLight) 54% 56%, transparent 56% 58%, var(--fenceGrayMedium) 58% 60%, transparent 60% 62%,
      var(--fenceGrayLight) 62% 64%, transparent 64% 66%, var(--fenceGrayMedium) 66% 68%, transparent 68% 70%,
      var(--fenceGrayLight) 70% 72%, transparent 72% 74%, var(--fenceGrayMedium) 74% 76%, transparent 76% 78%,
      var(--fenceGrayLight) 78% 80%, transparent 80% 82%, var(--fenceGrayMedium) 82% 84%, transparent 84% 86%,
      var(--fenceGrayLight) 86% 88%, transparent 88% 90%, var(--fenceGrayMedium) 90% 92%, transparent 92% 94%,
      var(--fenceGrayLight) 94% 96%, transparent 96% 98%, var(--fenceGrayMedium) 98%,
    ), // fence lines 1
    linear-gradient(90deg, var(--fenceGrayDark) 4%, transparent 4% 96%, var(--fenceGrayDark) 96%), // main sides


    // skyline
    linear-gradient(var(--skyline), var(--skyline)), // skyline 11
    linear-gradient(var(--skyline), var(--skyline)), // skyline 10
    linear-gradient(var(--skyline), var(--skyline)), // skyline 9
    linear-gradient(var(--skyline), var(--skyline)), // skyline 8
    linear-gradient(var(--skyline), var(--skyline)), // skyline 7
    linear-gradient(var(--skyline), var(--skyline)), // skyline 6
    linear-gradient(var(--skyline), var(--skyline)), // skyline 5
    linear-gradient(var(--skyline), var(--skyline)), // skyline 4
    linear-gradient(var(--skyline), var(--skyline)), // skyline 3
    linear-gradient(var(--skyline), var(--skyline)), // skyline 2
    linear-gradient(var(--skyline), var(--skyline)), // skyline 1


    /**
      BUILDING 6
    */
    // windows 4
    // window [3, 1]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowDark1) 4% 32%, var(--black) 32% 36%, var(--building6WindowDark1) 36% 64%, var(--black) 64% 68%, var(--building6WindowDark1) 68% 96%, var(--black) 96%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // window [3, 0]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowDark1) 4% 32%, var(--black) 32% 36%, var(--building6WindowDark1) 36% 64%, var(--black) 64% 68%, var(--black) 68%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // windows 3
    // window [2, 1]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowDark2) 4% 32%, var(--black) 32% 36%, var(--building6WindowDark1) 36% 64%, var(--black) 64% 68%, var(--building6WindowDark2) 68% 96%, var(--black) 96%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // window [2, 0]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowDark2) 4% 32%, var(--black) 32% 36%, var(--building6WindowDark2) 36% 64%, var(--black) 64% 68%, var(--building6WindowDark1) 68% 96%, var(--black) 96%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // windows 2
    // window [1, 1]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowDark1) 4% 32%, var(--black) 32% 36%, var(--building6WindowDark1) 36% 64%, var(--black) 64% 68%, var(--building6WindowDark1) 68% 96%, var(--black) 96%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // window [1, 0]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowDark1) 4% 32%, var(--black) 32% 36%, var(--building6WindowDark1) 36% 64%, var(--black) 64% 68%, var(--black) 68%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // windows 1
    // window [0, 1]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowLight) 4% 32%, var(--black) 32% 36%, var(--building6WindowLight) 36% 64%, var(--black) 64% 68%, var(--building6WindowLight) 68% 96%, var(--black) 96%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow

    // window [0, 0]
    linear-gradient(90deg, var(--black) 4%, transparent 4% 32%, var(--black) 32% 36%, transparent 36% 64%, var(--black) 64% 68%, transparent 68% 96%, var(--black) 96%), // window sides
    linear-gradient(var(--black) 4%, var(--building6WindowLight) 4% 32%, var(--black) 32% 36%, var(--building6WindowLight) 36% 64%, var(--black) 64% 68%, var(--building6WindowLight) 68% 96%, var(--black) 96%), // window
    linear-gradient(var(--building6WindowSill) 50%, var(--building6BrownDark) 50%), // sill + shadow


    linear-gradient(var(--building6BrownLight) 55%, var(--building6BrownDark) 55% 70%, var(--building6BrownLight) 70% 85%, var(--building6BrownDark) 85%), // roof top row
    linear-gradient(var(--building6BrownLight) 85%, var(--building6BrownDark) 85%), // roof second row
    linear-gradient(var(--building6BrownLight) 2%, var(--building6BrownDark), transparent 2%), // main top/bottom
    linear-gradient(90deg, var(--building6BrownLight) 10%, var(--building6BrownDark) 10% 12%, transparent 12% 88%, var(--building6BrownDark) 88% 90%, var(--building6BrownLight) 90%), // main body sides
    linear-gradient(var(--building6BrownLight) 2%, var(--building6BrownDark) 2% 3%, var(--building6BrownLight) 3% 88%, var(--building6BrownDark) 88% 89%, var(--building6BrownLight) 89%), // main body

    // water tower
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 9
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 8
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 7
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 6
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 5
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 4
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 3
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 2
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // roof 1

    linear-gradient(90deg, var(--waterTowerGrayDark) 20%, transparent 20% 80%, var(--waterTowerGrayDark) 80%), // ladder sides
    linear-gradient(transparent 10%, var(--waterTowerGrayDark) 10% 20%, transparent 20% 30%, var(--waterTowerGrayDark) 30% 40%, transparent 40% 50%, var(--waterTowerGrayDark) 50% 60%, transparent 60% 70%, var(--waterTowerGrayDark) 70% 80%, transparent 80% 90%, var(--waterTowerGrayDark) 90%), // ladder middle
    linear-gradient(90deg, var(--waterTowerBorder) 5%, var(--waterTowerGreenDark) 5% 10%, var(--waterTowerBrownDark) 10% 15%, var(--waterTowerGreenLight) 15% 47%, var(--waterTowerBrownLight) 47% 53%, var(--waterTowerGreenLight) 53% 85%, var(--waterTowerBrownDark) 85% 90%, var(--waterTowerGreenDark) 90% 95%, var(--waterTowerBorder) 95%), // tower center
    linear-gradient(var(--waterTowerBorder) 35%, var(--waterTowerGrayDark) 35% 65%, var(--waterTowerBorder) 65%), // tower base
    linear-gradient(var(--waterTowerBorder), var(--waterTowerBorder)), // tower base left
    linear-gradient(90deg, var(--waterTowerGrayDark) 20%, var(--waterTowerGrayMedium) 20% 40%, var(--waterTowerGrayLight) 40% 60%, var(--waterTowerGrayMedium) 60% 80%, var(--waterTowerGrayDark) 80%), // tower rod
  ;
  background-position:
    0% 101%, // sidewalk and road

    /**
     BUILDING 1
    */
    6% 93.2%, // store poster
    5.6% 96%, // store glass
    5.6% 96%, // frame for glass
    3.4% 90%, // overhang shadow
    0% 97%, // door
    0% 89%, // sign background

    // windows [3, 3]
    12.3% 77.2%, // window frame 4
    12% 77.4%, // window frame 3 
    11.5% 78%, // window frame 2
    11.7% 78.2%, // window frame 1
    11.7% 84.7%, // window sill/shadow
    11.9% 82.6%, // sides
    11.9% 82.6%, // main

    // windows [3, 2]
    8.3% 77.2%, // window frame 4
    7.9% 77.4%, // window frame 3 
    7.4% 78%, // window frame 2
    7.6% 78.2%, // window frame 1
    7.6% 84.7%, // window sill/shadow
    7.8% 82.6%, // sides
    7.8% 82.6%, // window

    // windows [3, 1]
    4.2% 77.2%, // window frame 4
    3.8% 77.4%, // window frame 3 
    3.3% 78%, // window frame 2
    3.5% 78.2%, // window frame 1
    3.5% 84.7%, // window sill/shadow
    3.8% 82.6%, // sides
    3.8% 82.6%, // window

    // windows [3, 0]
    0.2% 77.2%, // window frame 4
    0% 77.4%, // window frame 3 
    0% 78%, // window frame 2
    0% 78.2%, // window frame 1
    0% 84.7%, // window sill/shadow
    0% 82.6%, // sides
    0% 82.6%, // window

    // windows [2, 3]
    12.3% 67%, // window frame 4
    12% 67.4%, // window frame 3 
    11.5% 67.8%, // window frame 2
    11.7% 68.3%, // window frame 1
    11.7% 74.7%, // window sill/shadow
    11.9% 72%, // sides
    11.9% 72%, // window

    // windows [2, 2]
    8.3% 67%, // window frame 4
    7.9% 67.4%, // window frame 3 
    7.4% 67.8%, // window frame 2
    7.6% 68.3%, // window frame 1
    7.6% 74.7%, // window sill/shadow
    7.8% 72%, // sides
    7.8% 72%, // window

    // windows [2, 1]
    4.2% 67%, // window frame 4
    3.8% 67.4%, // window frame 3 
    3.3% 67.8%, // window frame 2
    3.5% 68.3%, // window frame 1
    3.5% 74.7%, // window sill/shadow
    3.8% 72%, // sides
    3.8% 72%, // window

    // windows [2, 0]
    0.2% 67%, // window frame 4
    0% 67.4%, // window frame 3 
    0% 67.8%, // window frame 2
    0% 68.3%, // window frame 1
    0% 74.7%, // window sill/shadow
    0% 72%, // sides
    0% 72%, // window

    // windows [1, 3]
    12.3% 57%, // window frame 4
    12% 57.4%, // window frame 3 
    11.5% 57.8%, // window frame 2
    11.7% 58.3%, // window frame 1
    11.7% 64.4%, // window sill/shadow
    11.9% 61.3%, // sides
    11.9% 61.3%, // window

    // windows [1, 2]
    8.3% 57%, // window frame 4
    7.9% 57.4%, // window frame 3 
    7.4% 57.8%, // window frame 2
    7.6% 58.3%, // window frame 1
    7.6% 64.4%, // window sill/shadow
    7.8% 61.3%, // sides
    7.8% 61.3%, // window

    // windows [1, 1]
    4.2% 57%, // window frame 4
    3.8% 57.4%, // window frame 3 
    3.3% 57.8%, // window frame 2
    3.5% 58.3%, // window frame 1
    3.5% 64.4%, // window sill/shadow
    3.8% 61.3%, // sides
    3.8% 61.3%, // window

    // windows [1, 0]
    0.2% 57%, // window frame 4
    0% 57.4%, // window frame 3 
    0% 57.8%, // window frame 2
    0% 58.3%, // window frame 1
    0% 64.4%, // window sill/shadow
    0% 61.3%, // sides
    0% 61.3%, // window

    // windows [0, 3]
    12.3% 47.3%, // window frame 4
    12% 47.9%, // window frame 3 
    11.5% 48.2%, // window frame 2
    11.7% 48.5%, // window frame 1
    11.7% 54.5%, // window sill/shadow
    11.9% 51%, // sides
    11.9% 51%, // window

    // windows [0, 2]
    8.3% 47.3%, // window frame 4
    7.9% 47.9%, // window frame 3 
    7.4% 48.2%, // window frame 2
    7.6% 48.5%, // window frame 1
    7.6% 54.5%, // window sill/shadow
    7.8% 51%, // sides
    7.8% 51%, // window

    // windows [0, 1]
    4.2% 47.3%, // window frame 4
    3.8% 47.9%, // window frame 3 
    3.3% 48.2%, // window frame 2
    3.5% 48.5%, // window frame 1
    3.5% 54.5%, // window sill/shadow
    3.8% 51%, // sides
    3.8% 51%, // window

    // windows [0, 0]
    0.2% 47.3%, // window frame 4
    0% 47.9%, // window frame 3 
    0% 48.2%, // window frame 2
    0% 48.5%, // window frame 1
    0% 54.5%, // window sill/shadow
    0% 51%, // sides
    0% 51%, // window

    0% 44%, // roof trim last row and shadow
    11.7% 42%, // roof trim horizontal sections 4
    8% 42%, // roof trim horizontal sections 3
    4% 42%, // roof trim horizontal sections 2
    0% 42%, // roof trim horizontal sections 1
    13.5% 41.5%, // roof trim column things 4
    10.4% 41.5%, // roof trim column things 3
    6.5% 41.5%, // roof trim column things 2
    2.6% 41.5%, // roof trim column things 1
    0% 40.6%, // roof spotted blue patches
    0% 41.5%, // roof trim third section
    0% 39%, // roof trim second row
    0% 37%, // roof trim top row
    0% 100%, // main body


    /**
     BUILDING 2
    */
    22.5% 95.6%, // store 2
    22.5% 95.6%, // store 1
    17% 95.6%, // door
    17.3% 90.4%, // brick-shadow
    17.3% 89.5%, // sign background

    // windows [3, 3]
    26.3% 78.2%, // window frame
    26.3% 84.7%, // window sill/shadow
    26.3% 82.8%, // sides
    26.3% 82.8%, // main

    // windows [3, 2]
    23% 78.2%, // window frame
    23% 84.7%, // window sill/shadow
    23.1% 82.8%, // sides
    23.1% 82.8%, // main

    // windows [3, 1]
    19.8% 78.2%, // window frame
    19.8% 84.7%, // window sill/shadow
    20% 82.8%, // sides
    20% 82.8%, // main

    // windows [3, 0]
    16.5% 78.2%, // window frame
    16.5% 84.7%, // window sill/shadow
    16.6% 82.8%, // sides
    16.6% 82.8%, // main

    // windows [2, 3]
    26.3% 68%, // window frame
    26.3% 74.7%, // window sill/shadow
    26.3% 72%, // sides
    26.3% 72%, // main

    // windows [2, 2]
    23% 68%, // window frame
    23% 74.7%, // window sill/shadow
    23.1% 72%, // sides
    23.1% 72%, // main

    // windows [2, 1]
    19.8% 68%, // window frame
    19.8% 74.7%, // window sill/shadow
    20% 72%, // sides
    20% 72%, // main

    // windows [2, 0]
    16.5% 68%, // window frame
    16.5% 74.7%, // window sill/shadow
    16.6% 72%, // sides
    16.6% 72%, // main

    // windows [1, 3]
    26.3% 57.8%, // window frame
    26.3% 64.4%, // window sill/shadow
    26.3% 61.3%, // sides
    26.3% 61.3%, // main

    // windows [1, 2]
    23% 57.8%, // window frame
    23% 64.4%, // window sill/shadow
    23.1% 61.3%, // sides
    23.1% 61.3%, // main

    // windows [1, 1]
    19.8% 57.8%, // window frame
    19.8% 64.4%, // window sill/shadow
    20% 61.3%, // sides
    20% 61.3%, // main

    // windows [1, 0]
    16.5% 57.8%, // window frame
    16.5% 64.4%, // window sill/shadow
    16.6% 61.3%, // sides
    16.6% 61.3%, // main

    // windows [0, 3]
    26.3% 48.1%, // window frame
    26.3% 54.5%, // window sill/shadow
    26.3% 51%, // sides
    26.3% 51%, // main

    // windows [0, 2]
    23% 48.1%, // window frame
    23% 54.5%, // window sill/shadow
    23.1% 51%, // sides
    23.1% 51%, // main

    // windows [0, 1]
    19.8% 48.1%, // window frame
    19.8% 54.5%, // window sill/shadow
    20% 51%, // sides
    20% 51%, // main

    // windows [0, 0]
    16.5% 48.1%, // window frame
    16.5% 54.5%, // window sill/shadow
    16.6% 51%, // sides
    16.6% 51%, // main

    // roof triangle
    21.6% 32%, // row 5
    21.2% 32.8%, // row 4
    20.8% 33.5%, // row 3
    20.4% 34.4%, // row 2
    20% 35.3%, // row 1

    17.9% 43.3%, // roof trim last row and shadow
    28.3% 40.6%, // roof trim column things 12
    27.7% 40.6%, // roof trim column things 11
    26.5% 40.6%, // roof trim column things 10
    25.4% 40.6%, // roof trim column things 9
    24.1% 40.6%, // roof trim column things 8
    23% 40.6%, // roof trim column things 7
    21.7% 40.6%, // roof trim column things 6
    20.6% 40.6%, // roof trim column things 5
    19.4% 40.6%, // roof trim column things 4
    18.2% 40.6%, // roof trim column things 3
    17.1% 40.6%, // roof trim column things 2
    16% 40.6%, // roof trim column things 1
    18.2% 40.5%, // roof trim third section
    17.9% 38%, // roof trim second row
    17.3% 36.2%, // roof trim top row
    17.3% 100%, // main body


    /**
     BUILDING 3
    */
    38.8% 91.5%, // AC 2
    38.8% 91.5%, // AC 1
    38% 95.6%, // store 2
    38% 95.6%, // store 1
    31.6% 95.6%, // door
    34.4% 89%, // sign background

    // windows [3, 3]
    40.9% 78.2%, // window frame
    40.9% 84.7%, // window sill/shadow
    40.9% 82.8%, // sides
    40.9% 82.8%, // window

    // windows [3, 2]
    37.8% 78.2%, // window frame
    37.8% 84.7%, // window sill/shadow
    37.8% 82.8%, // sides
    37.8% 82.8%, // window


    // windows [3, 1]
    34.7% 78.2%, // window frame
    34.7% 84.7%, // window sill/shadow
    34.7% 82.8%, // sides
    34.7% 82.8%, // window

    // windows [3, 0]
    31.5% 78.2%, // window frame
    31.5% 84.7%, // window sill/shadow
    31.6% 82.8%, // sides
    31.6% 82.8%, // window

    // windows [2, 3]
    40.9% 68%, // window frame
    40.9% 74.7%, // window sill/shadow
    40.9% 72%, // sides
    40.9% 72%, // window

    // windows [2, 2]
    37.8% 68%, // window frame
    37.8% 74.7%, // window sill/shadow
    37.8% 72%, // sides
    37.8% 72%, // window

    // windows [2, 1]
    34.7% 68%, // window frame
    34.7% 74.7%, // window sill/shadow
    34.7% 72%, // sides
    34.7% 72%, // window

    // windows [2, 0]
    31.5% 68%, // window frame
    31.5% 74.7%, // window sill/shadow
    31.6% 72%, // sides
    31.6% 72%, // window

    // windows [1, 3]
    40.9% 57.8%, // window frame
    40.9% 64.4%, // window sill/shadow
    40.9% 61.3%, // sides
    40.9% 61.3%, // window

    // windows [1, 2]
    37.8% 57.8%, // window frame
    37.8% 64.4%, // window sill/shadow
    37.8% 61.3%, // sides
    37.8% 61.3%, // window

    // windows [1, 1]
    34.7% 57.8%, // window frame
    34.7% 64.4%, // window sill/shadow
    34.7% 61.3%, // sides
    34.7% 61.3%, // window

    // windows [1, 0]
    31.5% 57.8%, // window frame
    31.5% 64.4%, // window sill/shadow
    31.6% 61.3%, // sides
    31.6% 61.3%, // window

    // windows [0, 3]
    40.9% 48.2%, // window frame
    40.9% 54.5%, // window sill/shadow
    40.9% 51%, // sides
    40.9% 51%, // window

    // windows [0, 2]
    37.8% 48.2%, // window frame
    37.8% 54.5%, // window sill/shadow
    37.8% 51%, // sides
    37.8% 51%, // window

    // windows [0, 1]
    34.7% 48.2%, // window frame
    34.7% 54.5%, // window sill/shadow
    34.7% 51%, // sides
    34.7% 51%, // window

    // windows [0, 0]
    31.5% 48.2%, // window frame
    31.5% 54.5%, // window sill/shadow
    31.6% 51%, // sides
    31.6% 51%, // window


    34.6% 44%, // roof trim last row and shadow
    42.8% 41.5%, // roof trim column things 5
    39.8% 41.5%, // roof trim column things 4
    36.4% 41.5%, // roof trim column things 3
    32.8% 41.5%, // roof trim column things 2
    30.5% 41.5%, // roof trim column things 1
    34.7% 40.6%, // roof spotted blue patches
    34.8% 41.5%, // roof trim third section
    34.6% 39%, // roof trim second row
    34.4% 37%, // roof trim top row
    34% 100%, // main body


    /**
     BUILDING 4
    */
    // door shit
    46.1% 89.6%, // door top 3
    46% 89.8%, // door top 2
    46.1% 90.6%, // door top 1
    46.1% 88.6%, // accent arch 4
    46% 88.5%, // accent arch 3
    46% 89.4%, // accent arch 2
    46% 90%, // accent arch 1
    46% 95%, // door main
    46% 95.8%, // door steps
    46% 100%, // door beige horizontal accents
    46% 100%, // door outer

    // windows 6
    // window [5, 2]
    56.2% 92.7%, // window top/bottom sides
    56.2% 92.7%, // window sides
    56.2% 92.7%, // window middle

    // window [5, 1]
    52.8% 92.7%, // window top/bottom sides
    52.8% 92.7%, // window sides
    52.8% 92.7%, // window middle

    // window [5, 0]
    49.4% 92.7%, // window top/bottom sides
    49.4% 92.7%, // window sides
    49.4% 92.7%, // window middle

    // windows 5
    // window [4, 3]
    56.2% 82.7%, // window top/bottom sides
    56.2% 82.7%, // window sides
    56.2% 82.7%, // window middle

    // window [4, 2]
    52.8% 82.7%, // window top/bottom sides
    52.8% 82.7%, // window sides
    52.8% 82.7%, // window middle

    // window [4, 1]
    49.2% 82.7%, // window top/bottom sides
    49.2% 82.7%, // window sides
    49.2% 82.7%, // window middle

    // window [4, 0]
    45.5% 82.7%, // window top/bottom sides
    45.5% 82.7%, // window sides
    45.5% 82.7%, // window middle

    // windows 4
    // window [3, 3]
    56.2% 72.7%, // window top/bottom sides
    56.2% 72.7%, // window sides
    56.2% 72.7%, // window middle

    // window [3, 2]
    52.8% 72.7%, // window top/bottom sides
    52.8% 72.7%, // window sides
    52.8% 72.7%, // window middle

    // window [3, 1]
    49.2% 72.7%, // window top/bottom sides
    49.2% 72.7%, // window sides
    49.2% 72.7%, // window middle

    // window [3, 0]
    45.5% 72.7%, // window top/bottom sides
    45.5% 72.7%, // window sides
    45.5% 72.7%, // window middle

    // windows 3
    // window [2, 3]
    56.5% 62.1%, // window sides
    56.5% 62.1%, // window middle
    56.5% 57.8%, // frame top 2
    56.5% 58.2%, // frame top 1
    57.8% 62.6%, // window frame right gaps
    55% 62.6%, // window frame left gaps
    56.5% 62.6%, // window frame

    // window [2, 2]
    52.8% 62.1%, // window sides
    52.8% 62.1%, // window middle
    52.8% 57.8%, // frame top 2
    53% 58.2%, // frame top 1
    54.4% 62.6%, // window frame right gaps
    51.5% 62.6%, // window frame left gaps
    53% 62.6%, // window frame

    // window [2, 1]
    49.3% 62.1%, // window sides
    49.3% 62.1%, // window middle
    49.3% 57.8%, // frame top 2
    49.4% 58.2%, // frame top 1
    50.8% 62.6%, // window frame right gaps
    48.1% 62.6%, // window frame left gaps
    49.5% 62.6%, // window frame

    // window [2, 0]
    45.7% 62.1%, // window sides
    45.7% 62.1%, // window middle
    45.8% 57.8%, // frame top 2
    45.7% 58.2%, // frame top 1
    47.6% 62.6%, // window frame right gaps
    44.3% 62.6%, // window frame left gaps
    45.7% 62.6%, // window frame

    51.2% 65.4%, // bar + shadow

    // windows 2
    // window [1, 3]
    56.5% 51.1%, // window sides
    56.5% 51.1%, // window middle
    56.5% 46.8%, // frame top 2
    56.5% 47.2%, // frame top 1
    57.8% 51.1%, // window frame right gaps
    55% 51.1%, // window frame left gaps
    56.5% 51.1%, // window frame

    // window [1, 2]
    52.8% 51.1%, // window sides
    52.8% 51.1%, // window middle
    52.8% 46.8%, // frame top 2
    53% 47.2%, // frame top 1
    54.4% 51.1%, // window frame right gaps
    51.5% 51.1%, // window frame left gaps
    53% 51.1%, // window frame

    // window [1, 1]
    49.3% 51.1%, // window sides
    49.3% 51.1%, // window middle
    49.3% 46.8%, // frame top 2
    49.4% 47.2%, // frame top 1
    50.8% 51.1%, // window frame right gaps
    48.1% 51.1%, // window frame left gaps
    49.5% 51.1%, // window frame

    // window [1, 0]
    45.7% 51.1%, // window sides
    45.7% 51.1%, // window middle
    45.8% 46.8%, // frame top 2
    45.7% 47.2%, // frame top 1
    47.6% 51.1%, // window frame right gaps
    44.3% 51.1%, // window frame left gaps
    45.7% 51.1%, // window frame

    51.2% 54.6%, // bar + shadow

    // windows 1
    // window [0, 3]
    56.5% 39.1%, // window sides
    56.5% 39.1%, // window middle

    // window [0, 2]
    53% 39.1%, // window sides
    53% 39.1%, // window middle

    // window [0, 1]
    49.3% 39.1%, // window sides
    49.3% 39.1%, // window middle

    // window [0, 0]
    45.5% 39.1%, // window sides
    45.5% 39.1%, // window middle
    51.2% 44.1%, // bar + shadow
    51.2% 38.8%, // top windows background

    51.2% 100%, // bottom section
    51.2% 33.8%, // roof thing
    51.2% 100%, // main body


    /**
      BUILDING 5
    */
    63.8% 94%, // dbx logo bottom right
    61.3% 94%, // dbx logo bottom left
    63% 91.1%, // dbx logo top right
    61.7% 91.1%, // dbx logo top left

    63% 95.4%, // garage door
    63.2% 95%, // garage frame
    70.8% 90%, // door hole
    71% 96%, // door sides
    71% 96%, // door
    72.4% 83.1%, // dark patch
    69.2% 100%, // main body


    /**
      PARK SIGN
    */
    84% 76%, // gray bar
    85.5% 77.2%, // top black bar
    85.5% 78.7%, // bottom black bar
    86.2% 88%, // sides
    86.2% 88%, // middle
    86.8% 86%, // sign holder

    /**
      FENCE
    */
    85.2% 100%, // main body
    85.2% 100%, // fence lines 2
    85.2% 100%, // fence lines 1
    85.2% 100%, // main sides

    // skyline
    79.5% 100%, // skyline 11
    79.7% 100%, // skyline 10
    79.8% 100%, // skyline 9
    80% 100%, // skyline 8
    80.2% 100%, // skyline 7
    80.4% 100%, // skyline 6
    85.2% 100%, // skyline 5
    82.3% 100%, // skyline 4
    83.5% 100%, // skyline 3
    76.2% 100%, // skyline 2
    85.2% 100%, // skyline 1


    /**
      BUILDING 6
    */
    // windows 4
    // window [3, 1]
    97% 90.5%, // window sides
    97% 90.5%, // window
    97% 92.8%, // sill + shadow

    // window [3, 0]
    92.5% 90.5%, // window sides
    92.5% 90.5%, // window
    92.5% 92.8%, // sill + shadow

    // windows 3
    // window [2, 1]
    97% 78%, // window sides
    97% 78%, // window
    97% 81%, // sill + shadow

    // window [2, 0]
    92.5% 78%, // window sides
    92.5% 78%, // window
    92.5% 81%, // sill + shadow

    // windows 2
    // window [1, 1]
    97% 65.5%, // window sides
    97% 65.5%, // window
    97% 69.5%, // sill + shadow

    // window [1, 0]
    92.5% 65.5%, // window sides
    92.5% 65.5%, // window
    92.5% 69.5%, // sill + shadow

    // windows 1
    // window [0, 1]
    97% 53%, // window sides
    97% 53%, // window
    97% 57.8%, // sill + shadow

    // window [0, 0]
    92.5% 53%, // window sides
    92.5% 53%, // window
    92.5% 57.8%, // sill + shadow

    100% 42.8%, // roof top row
    100% 44.7%, // roof second row
    100% 100%, // main top/bottom
    100% 100%, // main body sides
    100% 100%, // main body

    // water tower
    95.5% 18.2%, // roof 9
    96% 18.9%, // roof 8
    96.5% 19.7%, // roof 7
    97% 20.5%, // roof 6
    97.5% 21.2%, // roof 5
    98% 22%, // roof 4
    98.5% 22.7%, // roof 3
    99% 23.4%, // roof 2
    99.5% 24.2%, // roof 1

    91.8% 37.5%, // ladder sides
    91.8% 37.5%, // ladder middle
    99.5% 27.5%, // tower main
    100% 35.5%, // tower base
    89% 37.5%, // tower base left
    95.8% 39%, // tower rod
  ;
  background-size:
    100% 5%, //sidewalk and road

    /**
     BUILDING 1
    */
    2% 1.8%, // store poster
    8% 7%, // store glass
    8% 7%, // frame for glass
    12.2% 1%, // overhang shadow
    3% 8%, // door
    15% 3%, // sign background

    // windows [3, 3]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [3, 2]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [3, 1]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [3, 0]
    1.3% 0.7%, // window frame 4 
    2% 0.7%, // window frame 3 
    2.6% 0.7%, // window frame 2
    2.4% 0.7%, // window frame 1
    2.3% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 3]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main    

    // windows [2, 2]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 1]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 0]
    1.3% 0.7%, // window frame 4 
    2% 0.7%, // window frame 3 
    2.6% 0.7%, // window frame 2
    2.4% 0.7%, // window frame 1
    2.3% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 3]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 2]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 1]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 0]
    1.3% 0.7%, // window frame 4 
    2% 0.7%, // window frame 3 
    2.6% 0.7%, // window frame 2
    2.4% 0.7%, // window frame 1
    2.3% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 3]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 2]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 1]
    1.2% 0.7%, // window frame 4 
    2.2% 0.7%, // window frame 3 
    3.0% 0.7%, // window frame 2
    2.5% 0.7%, // window frame 1
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 0]
    1.3% 0.7%, // window frame 4 
    2% 0.7%, // window frame 3 
    2.6% 0.7%, // window frame 2
    2.4% 0.7%, // window frame 1
    2.3% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    14.7% 1.5%, // roof trim last row and shadow
    1.4% 1.5%, // roof trim horizontal sections 4
    1.8% 1.5%, // roof trim horizontal sections 3
    1.8% 1.5%, // roof trim horizontal sections 2
    1.8% 1.5%, // roof trim horizontal sections 1
    0.7% 3.4%, // roof trim column things 4
    0.7% 3.4%, // roof trim column things 3
    0.7% 3.4%, // roof trim column things 1
    0.7% 3.4%, // roof trim column things 1
    14.3% 1.2%, // roof spotted blue patches
    14.3% 3.5%, // roof trim third section
    14.7% 2%, // roof trim second row
    15% 2%, // roof trim top row
    15% 62%, // main body


    /**
     BUILDING 2
    */
    8% 6.4%, // store 2
    8% 6.4%, // store 1
    2.8% 6.4%, // door
    14.6% 1%, // brick shadow
    14.6% 3.5%, // sign background

    // windows [3, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [3, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [3, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [3, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [2, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [2, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [2, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [2, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [1, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [1, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [1, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [1, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [0, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [0, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [0, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // windows [0, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // window

    // roof triangle
    1% 1%, // row 5
    2.5% 1%, // row 4
    4% 1%, // row 3
    5.5% 1%, // row 2
    7% 1%, // row 1


    13.8% 1.5%, // roof trim last row and shadow
    0.2% 3.4%, // roof trim column things 12
    0.7% 3.4%, // roof trim column things 11
    0.7% 3.4%, // roof trim column things 10
    0.7% 3.4%, // roof trim column things 9
    0.7% 3.4%, // roof trim column things 8
    0.7% 3.4%, // roof trim column things 7
    0.7% 3.4%, // roof trim column things 6
    0.7% 3.4%, // roof trim column things 5
    0.7% 3.4%, // roof trim column things 4
    0.7% 3.4%, // roof trim column things 3
    0.7% 3.4%, // roof trim column things 1
    0.7% 3.4%, // roof trim column things 1
    12.8% 3.5%, // roof trim third section
    13.8% 2%, // roof trim second row
    14.6% 2%, // roof trim top row
    14.6% 62.5%, // main body


    /**
     BUILDING 3
    */
    1.4% 1.7%, // AC 2
    1.4% 1.7%, // AC 1
    8% 6.4%, // store 2
    8% 6.4%, // store 1
    2.8% 6.4%, // door
    14.6% 4%, // sign background

    // windows [3, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [3, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [3, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [3, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [2, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [1, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 3]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 2]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 1]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    // windows [0, 0]
    2.6% 1%, // window frame 
    2.6% 1.6%, // window sill/shadow
    2% 5.5%, // sides
    2% 5.5%, // main

    13.6% 1.5%, // roof trim last row and shadow
    0.7% 3.4%, // roof trim column things 5
    0.7% 3.4%, // roof trim column things 4
    0.7% 3.4%, // roof trim column things 3
    0.7% 3.4%, // roof trim column things 1
    0.7% 3.4%, // roof trim column things 1
    12.8% 1.2%, // roof spotted blue patches
    12.8% 3.5%, // roof trim third section
    13.6% 2%, // roof trim second row
    14.6% 2%, // roof trim top row
    14.8% 62%, // main body


    /**
     BUILDING 4
    */
    // door shit
    1% 0.8%, // door top 3
    1.2% 0.8%, // door top 2
    1.6% 0.8%, // door top 1
    2.2% 1%, // accent arch 4
    2.6% 1%, // accent arch 3
    3% 1%, // accent arch 2
    3.5% 1%, // accent arch 1
    2% 5%, // door main
    2% 0.8%, // door steps
    3.5% 15.2%, // door beige horizontal accents
    3.5% 15.2%, // door outer

    // windows 6
    // window [5, 2]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [5, 1]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [5, 0]
    2% 7%, // window top/bottom sides
    2% 7%, // window sides
    2% 7%, // window middle

    // windows 5
    // window [4, 3]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [4, 2]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [4, 1]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [4, 0]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // windows 4
    // window [3, 3]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [3, 2]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [3, 1]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // window [3, 0]
    2.5% 7%, // window top/bottom sides
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // windows 3
    // window [2, 3]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    // window [2, 2]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    // window [2, 1]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    // window [2, 0]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    14.6% 1.6%, // bar + shadow

    // windows 2
    // window [1, 3]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    // window [1, 2]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    // window [1, 1]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    // window [1, 0]
    2% 6%, // window sides
    2% 6%, // window middle
    0.6% 0.5%, // frame top 2
    1.5% 0.5%, // frame top 1
    0.7% 6%, // window frame right gaps
    0.7% 6%, // window frame left gaps
    3% 7%, // window frame

    14.6% 1.6%, // bar + shadow


    // windows 1
    // windows [0, 3]
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // windows [0, 2]
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // windows [0, 1]
    2.5% 7%, // window sides
    2.5% 7%, // window middle

    // windows [0, 0]
    2.5% 7%, // window sides
    2.5% 7%, // window middle
    14.6% 1.6%, // bar + shadow
    14.6% 6.3%, // top windows background

    14.6% 15%, // bottom section
    14.6% 3.8%, // roof thing
    14.6% 68%, // main body


    /**
      BUILDING 5
    */
    2.5% 6%, // dbx logo bottom right
    2.5% 6%, // dbx logo bottom left
    1.5% 4.5%, // dbx logo top right
    1.5% 4.5%, // dbx logo top left

    6% 11.5%, // garage door
    7% 14%, // garage frame
    1.5% 1.5%, // door hole
    3.5% 10%, // door sides
    3.5% 10%, // door
    6.6% 3.6%, // dark patch
    16% 21%, // main body


    /**
      PARK SIGN
    */
    1% 0.4%, // gray bar
    2% 0.75%, // top black bar
    2% 0.75%, // bottom black bar
    4% 15%, // sides
    4% 15%, // middle
    2% 11%, // sign holder

    /**
      FENCE
    */
    13.2% 17%, // main body
    13.2% 17%, // fence lines 2
    13.2% 17%, // fence lines 1
    13.2% 17%, // main sides


    // skyline
    0.2% 28%, // skyline 11
    0.8% 24.3%, // skyline 10
    1.2% 22.2%, // skyline 9
    1.7% 21.5%, // skyline 8
    2.4% 20.5%, // skyline 7
    3% 19%, // skyline 6
    6.2% 10.7%, // skyline 5
    1% 14%, // skyline 4
    2.4% 12.5%, // skyline 3
    2.2% 9.6%, // skyline 2
    13.2% 8%, // skyline 1


    /**
      BUILDING 6
    */
    // windows 4
    // window [3, 1]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // window [3, 0]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // windows 3
    // window [2, 1]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // window [2, 0]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // windows 2
    // window [1, 1]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // window [1, 0]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // windows 1
    // window [0, 1]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    // window [0, 0]
    3.2% 8%, // window sides
    3.2% 8%, // window
    3.2% 1.8%, // window sill/shadow

    14% 2.5%, // roof top row
    13.5% 2.5%, // roof second row
    13% 54%, // main top/body
    13% 54%, // main body sides
    13% 54%, // main body

    // water tower
    1.5% 1%, // roof 9
    2.5% 1%, // roof 8
    3.5% 1%, // roof 7
    4.5% 1%, // roof 6
    5.5% 1%, // roof 5
    6.5% 1%, // roof 4
    7.5% 1%, // roof 3
    8.5% 1%, // roof 2
    9.5% 1%, // roof 1

    2% 7.5%, // ladder sides
    2% 7.5%, // ladder middle
    9.5% 10%, // tower main
    11% 2%, // tower base
    0.5% 7%, // tower base left
    2% 6%, // tower rod
  ;

  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 27rem;
  min-width: 43rem;
  z-index: 1;
}

// PLATFORM
.nyc::before {
  background-image:
    linear-gradient(var(--sidewalk), var(--sidewalk)), // pole holder 1 - 3
    linear-gradient(90deg, var(--sidewalk) 20%, var(--platformBaseAccent) 20% 80%, var(--sidewalk) 80%), // pole holder 1 - 2
    linear-gradient(var(--sidewalk), var(--sidewalk)), // pole holder 1 - 1

    linear-gradient(var(--sidewalk), var(--sidewalk)), // pole holder 2 - 3
    linear-gradient(90deg, var(--sidewalk) 20%, var(--platformBaseAccent) 20% 80%, var(--sidewalk) 80%), // pole holder 2 - 2
    linear-gradient(var(--sidewalk), var(--sidewalk)), // pole holder 2 - 1

    linear-gradient(var(--sidewalk) 15%, var(--road) 15%), // sidewalk and road


    // knotches
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 22
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 21
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 20
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 19
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 18
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 17
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 16
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 15
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 14
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 13
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 12
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 11
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 10
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 9
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 8
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 7
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 6
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 5
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 4
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 3
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 2
    linear-gradient(var(--platformMain) 75%, var(--platformBlackTrim) 75%), // knotch 1

    //green accents
    linear-gradient(90deg, transparent 97.5%, var(--platformGreen5) 97.5% 98%, transparent 98%), // vertical trim 8
    linear-gradient(90deg, transparent 84%, var(--platformGreen5) 84% 84.5%, transparent 84.5% 88.5%, var(--platformGreen5) 88.5% 89%, transparent 89% 93%, var(--platformGreen5) 93% 93.5%, transparent 93.5% 97.5%), // vertical trim 7
    linear-gradient(90deg, transparent 71.5%, var(--platformGreen5) 71.5% 72%, transparent 72% 76%, var(--platformGreen5) 76% 76.5%, transparent 76.5% 80.5%, var(--platformGreen5) 80.5% 81%, transparent 81% 84%), // vertical trim 6
    linear-gradient(90deg, transparent 58%, var(--platformGreen5) 58% 58.5%, transparent 58.5% 62.5%, var(--platformGreen5) 62.5% 63%, transparent 63% 67%, var(--platformGreen5) 67% 67.5%, transparent 67.5% 71.5%), // vertical trim 5
    linear-gradient(90deg, transparent 44.5%, var(--platformGreen5) 44.5% 45%, transparent 45% 49%, var(--platformGreen5) 49% 49.5%, transparent 49.5% 53.5%, var(--platformGreen5) 53.5% 54%, transparent 54% 58%), // vertical trim 4
    linear-gradient(90deg, transparent 31%, var(--platformGreen5) 31% 31.5%, transparent 31.5% 35.5%, var(--platformGreen5) 35.5% 36%, transparent 36% 40%, var(--platformGreen5) 40% 40.5%, transparent 40.5% 44.5%), // vertical trim 3
    linear-gradient(90deg, transparent 17.5%, var(--platformGreen5) 17.5% 18%, transparent 18% 22%, var(--platformGreen5) 22% 22.5%, transparent 22.5% 26.5%, var(--platformGreen5) 26.5% 27%, transparent 27% 31%), // vertical trim 2
    linear-gradient(90deg, transparent 4%, var(--platformGreen5) 4% 4.5%, transparent 4.5% 8.5%, var(--platformGreen5) 8.5% 9%, transparent 9% 13%, var(--platformGreen5) 13% 13.5%, transparent 13.5% 17.5%), // vertical trim 1

    // railing
    linear-gradient(var(--platformGreen4) 30%, var(--platformGreen1) 30% 66%, var(--platformGreen2) 66%),


    // platform main
    linear-gradient(90deg, transparent 97.5%, var(--platformGrayTrim) 97.5% 98%, transparent 98%), // vertical trim 8
    linear-gradient(90deg, transparent 84%, var(--platformGrayTrim) 84% 84.5%, transparent 84.5% 88.5%, var(--platformGrayTrim) 88.5% 89%, transparent 89% 93%, var(--platformGrayTrim) 93% 93.5%, transparent 93.5% 97.5%), // vertical trim 7
    linear-gradient(90deg, transparent 71.5%, var(--platformGrayTrim) 71.5% 72%, transparent 72% 76%, var(--platformGrayTrim) 76% 76.5%, transparent 76.5% 80.5%, var(--platformGrayTrim) 80.5% 81%, transparent 81% 84%), // vertical trim 6
    linear-gradient(90deg, transparent 58%, var(--platformGrayTrim) 58% 58.5%, transparent 58.5% 62.5%, var(--platformGrayTrim) 62.5% 63%, transparent 63% 67%, var(--platformGrayTrim) 67% 67.5%, transparent 67.5% 71.5%), // vertical trim 5
    linear-gradient(90deg, transparent 44.5%, var(--platformGrayTrim) 44.5% 45%, transparent 45% 49%, var(--platformGrayTrim) 49% 49.5%, transparent 49.5% 53.5%, var(--platformGrayTrim) 53.5% 54%, transparent 54% 58%), // vertical trim 4
    linear-gradient(90deg, transparent 31%, var(--platformGrayTrim) 31% 31.5%, transparent 31.5% 35.5%, var(--platformGrayTrim) 35.5% 36%, transparent 36% 40%, var(--platformGrayTrim) 40% 40.5%, transparent 40.5% 44.5%), // vertical trim 3
    linear-gradient(90deg, transparent 17.5%, var(--platformGrayTrim) 17.5% 18%, transparent 18% 22%, var(--platformGrayTrim) 22% 22.5%, transparent 22.5% 26.5%, var(--platformGrayTrim) 26.5% 27%, transparent 27% 31%), // vertical trim 2
    linear-gradient(90deg, transparent 4%, var(--platformGrayTrim) 4% 4.5%, transparent 4.5% 8.5%, var(--platformGrayTrim) 8.5% 9%, transparent 9% 13%, var(--platformGrayTrim) 13% 13.5%, transparent 13.5% 17.5%), // vertical trim 1

    linear-gradient(var(--platformGreen1) 10%, var(--platformGreen4) 10% 20%, var(--platformBlackTrim) 20% 30%, var(--platformMain) 30%), // main

    // pole 1
    linear-gradient(var(--platformMain), var(--platformMain)), // main pole
    linear-gradient(var(--platformGrayTrim), var(--platformGrayTrim)), // pole outline

    // pole curves
    linear-gradient(var(--platformGrayTrim), var(--platformGrayTrim)), // border
    linear-gradient(var(--platformMain), var(--platformMain)), // 5
    linear-gradient(var(--platformMain), var(--platformMain)), // 4
    linear-gradient(var(--platformMain), var(--platformMain)), // 3
    linear-gradient(var(--platformMain), var(--platformMain)), // 2
    linear-gradient(var(--platformMain), var(--platformMain)), // 1


    // pole 2
    linear-gradient(var(--platformMain), var(--platformMain)), // main pole
    linear-gradient(var(--platformGrayTrim), var(--platformGrayTrim)), // pole outline

    // pole curves
    linear-gradient(var(--platformGrayTrim), var(--platformGrayTrim)), // border
    linear-gradient(var(--platformMain), var(--platformMain)), // 5
    linear-gradient(var(--platformMain), var(--platformMain)), // 4
    linear-gradient(var(--platformMain), var(--platformMain)), // 3
    linear-gradient(var(--platformMain), var(--platformMain)), // 2
    linear-gradient(var(--platformMain), var(--platformMain)), // 1
  ;
  background-position:

    // pole 1 holder
    31.8% 94.2%, // 3
    31.7% 95%, // 2
    31.7% 97.5%, // 1

    // pole 2 holder
    67.6% 94.2%, // 3
    67.8% 95%, // 2
    67.8% 97.5%, // 1

    0% 101%, // sidewalk and road

    // knotches
    96% 69%, // knotch 22
    91.5% 69%, // knotch 21
    87.2% 69%, // knotch 20
    83% 69%, // knotch 19
    78.8% 69%, // knotch 18
    74.4% 69%, // knotch 17
    70% 69%, // knotch 16
    65.4% 69%, // knotch 15
    60.5% 69%, // knotch 14
    56.3% 69%, // knotch 13
    51.5% 69%, // knotch 12
    47% 69%, // knotch 11
    42.5% 69%, // knotch 10
    38% 69%, // knotch 9
    33.3% 69%, // knotch 8
    28.7% 69%, // knotch 7
    24% 69%, // knotch 6
    19.5% 69%, // knotch 5
    15% 69%, // knotch 4
    10.5% 69%, // knotch 3
    6% 69%, // knotch 2
    1% 69%, // knotch 1

    // green accents
    0% 65%, // vertical trim 8
    0% 65%, // vertical trim 7
    0% 65%, // vertical trim 6
    0% 65%, // vertical trim 5
    0% 65%, // vertical trim 4
    0% 65%, // vertical trim 3
    0% 65%, // vertical trim 2
    0% 65%, // vertical trim 1

    // railing
    0 64.7%,

    // platform main
    0% 72.6%, // vertical trim 8
    0% 72.6%, // vertical trim 7
    0% 72.6%, // vertical trim 6
    0% 72.6%, // vertical trim 5
    0% 72.6%, // vertical trim 4
    0% 72.6%, // vertical trim 3
    0% 72.6%, // vertical trim 2
    0% 72.6%, // vertical trim 1

    0% 72%, // main

    // pole 1
    32% 100%, // main pole
    31.7% 80%, // gray trim

    // pole curves
    30.2% 75%, // border
    30.4% 75.7%, // 5
    30.8% 76.2%, // 4
    31.2% 77%, // 3
    31.2% 77.7%, // 2
    31.4% 78.5%, // 1

    // pole 2
    67.5% 100%, // main pole
    67.5% 80%, // gray trim

    // pole curves
    68.9% 75%, // border
    68.7% 75.7%, // 5
    68.4% 76.2%, // 4
    68% 77%, // 3
    67.8% 77.7%, // 2
    67.5% 78.5%, // 1
  ;
  background-size:
    // pole 1 holder
    2% 1%, // 3
    2.5% 1%, // 2
    2.5% 3%, // 1

    // pole 2 holder
    2% 1%, // 3
    2.5% 1%, // 2
    2.5% 3%, // 1

    100% 5%, //sidewalk and road

    // knotches
    1.5% 3%, // knotch 22
    1.5% 3%, // knotch 21
    1.5% 3%, // knotch 20
    1.5% 3%, // knotch 19
    1.5% 3%, // knotch 18
    1.5% 3%, // knotch 17
    1.5% 3%, // knotch 16
    1.5% 3%, // knotch 15
    1.5% 3%, // knotch 14
    1.5% 3%, // knotch 13
    1.5% 3%, // knotch 12
    1.5% 3%, // knotch 11
    1.5% 3%, // knotch 10
    1.5% 3%, // knotch 9
    1.5% 3%, // knotch 8
    1.5% 3%, // knotch 7
    1.5% 3%, // knotch 6
    1.5% 3%, // knotch 5
    1.5% 3%, // knotch 4
    1.5% 3%, // knotch 3
    1.5% 3%, // knotch 2
    1.5% 3%, // knotch 1


    // green accents
    100% 4%, // vertical trim 8
    100% 4%, // vertical trim 7
    100% 4%, // vertical trim 6
    100% 4%, // vertical trim 5
    100% 4%, // vertical trim 4
    100% 4%, // vertical trim 3
    100% 4%, // vertical trim 2
    100% 4%, // vertical trim 1

    // railing
    100% 1.7%,


    // platform main
    100% 6%, // vertical trim 8
    100% 6%, // vertical trim 7
    100% 6%, // vertical trim 6
    100% 6%, // vertical trim 5
    100% 6%, // vertical trim 4
    100% 6%, // vertical trim 3
    100% 6%, // vertical trim 2
    100% 6%, // vertical trim 1

    100% 8%, // main

    //pole 1
    1.7% 30%, // main pole
    2.5% 10%, // gray trim

    // pole curves
    10% 1%, // border
    9% 1%, // 5
    7% 1%, // 4
    5% 1%, // 3
    4% 1%, // 2
    3% 1%, // 1

    //pole 2
    1.7% 30%, // main pole
    2.5% 10%, // gray trim

    // pole curves
    10% 1%, // border
    9% 1%, // 5
    7% 1%, // 4
    5% 1%, // 3
    4% 1%, // 2
    3% 1%, // 1
  ;

  background-repeat: no-repeat;
  content: '';
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
}

// TRAIN
.nyc::after {
  background-image:
    /**
    TRAIN 2
    */
    // train label 2
    linear-gradient(var(--black), var(--black)),
    // train label 1
    linear-gradient(var(--black), var(--black)),

    // mta sticker 2
    linear-gradient(var(--subwayLogoBlueDark), var(--subwayLogoBlueDark)), // dark blue
    linear-gradient(var(--subwayLogoBlueLight), var(--subwayLogoBlueLight)), // light blue
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // middle
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // sides

    // mta sticker 1
    linear-gradient(var(--subwayLogoBlueDark), var(--subwayLogoBlueDark)), // dark blue
    linear-gradient(var(--subwayLogoBlueLight), var(--subwayLogoBlueLight)), // light blue
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // middle
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // sides

    // window 2
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 30%, var(--subwayWhiteTrim) 30% 40%, var(--subwayWindow) 40% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // window 1
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 30%, var(--subwayWhiteTrim) 30% 40%, var(--subwayWindow) 40% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // front window
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // rear window
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 7
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 6
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 5
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 4
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 3
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 2
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 1
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // doors
    linear-gradient(90deg, transparent 72%,
      var(--subwayGrayBorderDark) 72% 73%, transparent 73% 79.5%, var(--subwayGrayBorderDarkest) 79.5% 80.5%, transparent 80.5% 87%, var(--subwayGrayBorderDark) 87% 88%,
      transparent 88%,
    ), // doors 3
    linear-gradient(90deg, transparent 42%,
      var(--subwayGrayBorderDark) 42% 43%, transparent 43% 49.5%, var(--subwayGrayBorderDarkest) 49.5% 50.5%, transparent 50.5% 57%, var(--subwayGrayBorderDark) 57% 58%,
      transparent 58%,
    ), // doors 2
    linear-gradient(90deg, transparent 12%,
      var(--subwayGrayBorderDark) 12% 13%, transparent 13% 19.5%, var(--subwayGrayBorderDarkest) 19.5% 20.5%, transparent 20.5% 27%, var(--subwayGrayBorderDark) 27% 28%,
      transparent 28%), // doors 1

    linear-gradient(90deg, transparent 7%, var(--subwayTopOpacity) 7% 33%, transparent 33% 67%, var(--subwayTopOpacity) 67% 93%, transparent 93%), // train top
    linear-gradient(90deg, var(--subwayMain) 3%, transparent 3% 97%, var(--subwayMain) 97%), // sides curve
    linear-gradient(90deg, var(--subwayMain) 2%, var(--subwayGrayBorderDarkest) 2% 3%, transparent 3% 97%, var(--subwayGrayBorderDarkest) 97% 98%, var(--subwayMain) 98%), // sides 
    linear-gradient(var(--subwayGrayBorderLight) 5%, var(--subwayWhite) 5% 10%, var(--subwayGrayBorderMedium) 10% 15%, var(--subwayMain) 15% 20%, var(--subwayGrayBorderMedium) 20% 25%, var(--subwayMain) 25% 60%, var(--subwayWhiteTrim) 60% 65%, var(--subwayMain) 65% 90%, var(--subwayBottomGray) 90%), // main body

    /**
    WHEELS
    */
    // wheel 4
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    // wheel 3
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    // wheel 2
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    // wheel 1
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    /**
    TRAIN 1
    */
    // train label 2
    linear-gradient(var(--black), var(--black)),
    // train label 1
    linear-gradient(var(--black), var(--black)),

    // mta sticker 2
    linear-gradient(var(--subwayLogoBlueDark), var(--subwayLogoBlueDark)), // dark blue
    linear-gradient(var(--subwayLogoBlueLight), var(--subwayLogoBlueLight)), // light blue
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // middle
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // sides

    // mta sticker 1
    linear-gradient(var(--subwayLogoBlueDark), var(--subwayLogoBlueDark)), // dark blue
    linear-gradient(var(--subwayLogoBlueLight), var(--subwayLogoBlueLight)), // light blue
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // middle
    linear-gradient(var(--subwayWhite), var(--subwayWhite)), // sides

    // window 2
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 30%, var(--subwayWhiteTrim) 30% 40%, var(--subwayWindow) 40% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // window 1
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 30%, var(--subwayWhiteTrim) 30% 40%, var(--subwayWindow) 40% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // front window
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // rear window
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 7
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 6
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 5
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 4
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 3
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 2
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // door window 1
    linear-gradient(var(--subwayWhiteTrim) 10%, var(--subwayWindow) 10% 90%, var(--subwayWhiteTrim) 90%), // middle
    linear-gradient(var(--subwayWhiteTrim), var(--subwayWhiteTrim)), // sides

    // doors
    linear-gradient(90deg, transparent 72%,
      var(--subwayGrayBorderDark) 72% 73%, transparent 73% 79.5%, var(--subwayGrayBorderDarkest) 79.5% 80.5%, transparent 80.5% 87%, var(--subwayGrayBorderDark) 87% 88%,
      transparent 88%,
    ), // doors 3
    linear-gradient(90deg, transparent 42%,
      var(--subwayGrayBorderDark) 42% 43%, transparent 43% 49.5%, var(--subwayGrayBorderDarkest) 49.5% 50.5%, transparent 50.5% 57%, var(--subwayGrayBorderDark) 57% 58%,
      transparent 58%,
    ), // doors 2
    linear-gradient(90deg, transparent 12%,
      var(--subwayGrayBorderDark) 12% 13%, transparent 13% 19.5%, var(--subwayGrayBorderDarkest) 19.5% 20.5%, transparent 20.5% 27%, var(--subwayGrayBorderDark) 27% 28%,
      transparent 28%), // doors 1

    linear-gradient(90deg, transparent 7%, var(--subwayTopOpacity) 7% 33%, transparent 33% 67%, var(--subwayTopOpacity) 67% 93%, transparent 93%), // train top
    linear-gradient(90deg, var(--subwayMain) 3%, transparent 3% 97%, var(--subwayMain) 97%), // sides curve
    linear-gradient(90deg, var(--subwayMain) 2%, var(--subwayGrayBorderDarkest) 2% 3%, transparent 3% 97%, var(--subwayGrayBorderDarkest) 97% 98%, var(--subwayMain) 98%), // sides 
    linear-gradient(var(--subwayGrayBorderLight) 5%, var(--subwayWhite) 5% 10%, var(--subwayGrayBorderMedium) 10% 15%, var(--subwayMain) 15% 20%, var(--subwayGrayBorderMedium) 20% 25%, var(--subwayMain) 25% 60%, var(--subwayWhiteTrim) 60% 65%, var(--subwayMain) 65% 90%, var(--subwayBottomGray) 90%), // main body

    /**
    WHEELS
    */
    // wheel 4
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    // wheel 3
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    // wheel 2
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),

    // wheel 1
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
    linear-gradient(var(--subwayWheelGrayMedium), var(--subwayWheelGrayMedium)),
  ;
  background-position:
    /**
    TRAIN 2
    */
    // train label 2
    67.8% 55%,

    // train label 1
    39% 55%,

    // mta sticker 2
    67.5% 56.3%, // dark blue
    68% 57.2%, // light blue
    68% 56.9%, // middle
    68% 56.6%, // sides

    // mta sticker 1
    39% 56.3%, // dark blue
    39.3% 57.2%, // light blue
    39.3% 56.9%, // middle
    39.2% 56.6%, // sides

    // window 2
    59.6% 56%, // middle
    59.6% 56.3%, // sides

    // window 1
    49% 56%, // middle
    48.8% 56.3%, // sides

    // front window
    71.2% 56%, // middle
    71.4% 56.2%, // sides

    // rear window
    36% 56%, // middle
    32% 56.2%, // sides

    // door window 7
    69.3% 56%, // middle
    69.4% 56.2%, // sides

    // door window 6
    63% 56%, // middle
    63% 56.2%, // sides

    // door window 5
    65.6% 56%, // middle
    65.6% 56.2%, // sides

    // door window 4
    55.4% 56%, // middle
    55.2% 56.2%, // sides

    // door window 3
    52.8% 56%, // middle
    52.8% 56.2%, // sides

    // door window 2
    45% 56%, // middle
    45% 56.2%, // sides

    // door window 1
    42.5% 56%, // middle
    42.4% 56.2%, // sides

    // doors
    56% 58.2%, // doors 3
    56% 58.2%, // doors 2
    56% 58.2%, // doors 1

    56% 52%, // train top
    56% 58%, // sides curve
    56% 58%, // sides
    55% 58%, // main body

    /**
    WHEELs
    */
    // wheel 4
    68% 65.5%,
    68% 64.8%,

    // wheel 3
    63.5% 65%,
    63.5% 64.8%,

    // wheel 2
    44.8% 65%,
    44.8% 64.8%,

    // wheel 1
    39.8% 65%,
    39.9% 64.8%,

    /**
    TRAIN 1
    */
    // train label 2
    31.2% 55%,

    // train label 1
    2.5% 55%,

    // mta sticker 2
    31.1% 56.3%, // dark blue
    31.3% 57.2%, // light blue
    31.3% 56.9%, // middle
    31.2% 56.6%, // sides

    // mta sticker 1
    2.9% 56.3%, // dark blue
    2.9% 57.2%, // light blue
    2.8% 56.9%, // middle
    2.5% 56.6%, // sides

    // window 2
    22.4% 56%, // middle
    22.2% 56.3%, // sides

    // window 1
    11.6% 56%, // middle
    11.4% 56.3%, // sides

    // front window
    34.6% 56%, // middle
    34.4% 56.2%, // sides

    // rear window
    0% 56%, // middle
    0% 56.2%, // sides

    // door window 7
    32.8% 56%, // middle
    32.7% 56.2%, // sides

    // door window 6
    29% 56%, // middle
    29% 56.2%, // sides

    // door window 5
    26.4% 56%, // middle
    26.3% 56.2%, // sides

    // door window 4
    18.7% 56%, // middle
    18.6% 56.2%, // sides

    // door window 3
    16.2% 56%, // middle
    15.9% 56.2%, // sides

    // door window 2
    8.5% 56%, // middle
    8.2% 56.2%, // sides

    // door window 1
    5.8% 56%, // middle
    5.6% 56.2%, // sides

    // doors
    1% 58.2%, // doors 3
    1% 58.2%, // doors 2
    1% 58.2%, // doors 1

    1% 52%, // train top
    0 58%, // sides curve
    1% 58%, // sides
    1% 58%, // main body

    /**
    WHEELs
    */
    // wheel 4
    26% 65.5%,
    26% 64.8%,

    // wheel 3
    30.5% 65%,
    30.5% 64.8%,

    // wheel 2
    5.8% 65%,
    5.5% 64.8%,

    // wheel 1
    0.8% 65%,
    0.5% 64.8%,

  ;
  background-size:
    /**
    TRAIN 2
    */
    // train label 2
    1% 0.8%,

    // train label 1
    1% 0.8%,

    // mta sticker 2
    0.4% 0.8%, // dark blue
    0.8% 0.5%, // light blue
    1% 2.2%, // middle 
    1.4% 1.4%, // sides

    // mta sticker 1
    0.4% 0.8%, // dark blue
    0.8% 0.5%, // light blue
    1% 2.2%, // middle 
    1.4% 1.4%, // sides

    // window 2
    2% 3%, //middle
    2.4% 2.6%, // sides

    // window 1
    2% 3%, //middle
    2.4% 2.6%, // sides

    // front window
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // rear window
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 7
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 6
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 5
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 4
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 3
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 2
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 1
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // doors
    34% 8%, // doors 3
    34% 8%, // doors 2
    34% 8%, // doors 1

    34% 2%, // train top
    35% 11%, // sides curve
    34% 12%, // sides
    34% 12%, // main body

    /**
    WHEELs
    */
    // wheel 4
    2% 4%,
    2.6% 2%,

    // wheel 3
    2% 4%,
    2.6% 2%,

    // wheel 2
    2% 4%,
    2.6% 2%,

    // wheel 1
    2% 4%,
    2.6% 2%,

    /**
    TRAIN 1
    */
    // train label 2
    1% 0.8%,

    // train label 1
    1% 0.8%,

    // mta sticker 2
    0.4% 0.8%, // dark blue
    0.8% 0.5%, // light blue
    1% 2.2%, // middle 
    1.4% 1.4%, // sides

    // mta sticker 1
    0.4% 0.8%, // dark blue
    0.8% 0.5%, // light blue
    1% 2.2%, // middle 
    1.4% 1.4%, // sides

    // window 2
    2% 3%, //middle
    2.4% 2.6%, // sides

    // window 1
    2% 3%, //middle
    2.4% 2.6%, // sides

    // front window
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // rear window
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 7
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 6
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 5
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 4
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 3
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 2
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // door window 1
    0.8% 2.8%, //middle
    1.2% 2.4%, // sides

    // doors
    34% 8%, // doors 3
    34% 8%, // doors 2
    34% 8%, // doors 1

    34% 2%, // train top
    35% 11%, // sides curve
    34% 12%, // sides
    34% 12%, // main body

    /**
    WHEELs
    */
    // wheel 4
    2% 4%,
    2.6% 2%,

    // wheel 3
    2% 4%,
    2.6% 2%,

    // wheel 2
    2% 4%,
    2.6% 2%,

    // wheel 1
    2% 4%,
    2.6% 2%,
  ;

  content: '';
  background-repeat: no-repeat;
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  animation: subway-move 7s infinite;
}

@keyframes subway-move {
  0% {
    transform: translateX(-100%),
  }

  100% {
    transform: translateX(150%)
  }
}
!

JS 

              
                // NOTHING HERE NEEDED BECAUSE CSS IS MAGIC ✨
!
999px

Console