@font-face {
  font-family: MS Sans Serif;
  src: url('../fonts/micross.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Win 95";
  src: url('../fonts/LeviWindows.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --dark-turquoise: #27ced7;
  --white: white;
  --black: black;
  --deep-pink: #e22b93;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #fff;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  line-height: 1.4;
}

h1 {
  color: #fff;
  text-align: left;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Oswald, sans-serif;
  font-size: 2.5em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
}

h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 2em;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.5;
}

h4 {
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 2px;
  font-family: Oswald, sans-serif;
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.4;
}

h5 {
  color: var(--dark-turquoise);
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 12px;
  font-family: Oswald, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.4;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 18px;
}

a {
  text-decoration: underline;
}

.win-wrapper {
  background-color: teal;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: block;
}

.taskbar {
  background-color: silver;
  border-top: 1px solid #fff;
  flex: none;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 2px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 0 0 1px silver;
}

.start-button {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background-color: silver;
  border: 1px solid #000;
  border-color: #fff #000 #000 #fff;
  width: 60px;
  height: 24px;
  padding: 0;
  font-family: MS Sans Serif, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.start-bottom-border {
  background-color: gray;
  width: 100%;
  height: 1px;
  position: relative;
  top: -1px;
}

.start-right-border {
  float: right;
  background-color: gray;
  width: 1px;
  height: 100%;
  position: relative;
  top: -22px;
}

.start-text {
  font-size: 13px;
  line-height: 1;
  display: block;
}

.flex-h {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2px 3px;
  display: flex;
}

.clock {
  background-color: silver;
  border: 1px solid #fff;
  border-color: gray #fff #fff gray;
  width: 80px;
  height: 24px;
}

.text-block-2 {
  color: #000;
  font-family: MS Sans Serif, sans-serif;
  font-size: 12px;
}

.desktop {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: .5fr .5fr .5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  width: 100%;
  height: 100%;
  display: grid;
}

.icon-block {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 10vh;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  display: flex;
}

.icon-text {
  color: #fff;
  background-color: #000;
  margin-bottom: 0;
  padding: 3px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 11px;
  line-height: 1.2;
}

.icon-text:active, .icon-text:focus {
  background-color: navy;
  border: 1px dotted #ffff7f;
}

.win-icon {
  margin-bottom: 4px;
}

.krokodil {
  border: 1px solid #000;
  border-color: silver #000 #000 silver;
  width: 500px;
  height: 630px;
  display: none;
  position: absolute;
  top: 40px;
  left: 320px;
}

.win-inner-frame {
  border: 1px solid gray;
  border-color: #fff gray gray #fff;
  width: 100%;
  height: 100%;
}

.win-inner-padding {
  border: 2px solid silver;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.win-top-bar {
  background-color: navy;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 18px;
  padding-left: 4px;
  padding-right: 2px;
  display: flex;
}

.win-action-bar {
  background-color: silver;
  flex: none;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-left: 6px;
  display: flex;
}

.win-content-outer-frame {
  border: 1px solid #fff;
  border-color: gray #fff #fff gray;
  flex: 1;
}

.win-content-inner-frame {
  background-color: #fff;
  border: 1px solid silver;
  border-color: #000 silver silver #000;
  width: 100%;
  height: 100%;
}

.window-icons {
  align-items: flex-start;
  height: 14px;
  display: flex;
}

.close-icon {
  padding-left: 2px;
}

.win-title {
  font-family: MS Sans Serif, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.minimize, .fullscreen, .close {
  display: block;
}

.action-item {
  color: #000;
  margin-right: 15px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
}

.underline {
  text-decoration: underline;
}

.win-content {
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.main-imgs {
  display: block;
  box-shadow: 3px 3px 0 1px #000;
}

.game-info-label {
  color: #000;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.column, .column-2 {
  padding-left: 0;
  padding-right: 0;
}

.game-info-value {
  color: #000;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.game-screen-block {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 20px;
}

.game-title {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 18px;
}

.game-description {
  color: #000;
  font-family: MS Sans Serif, sans-serif;
  font-size: 16px;
}

.columns {
  border-bottom: 1px solid #cfcfcf;
  padding-bottom: 8px;
}

.game-instructions {
  color: #000;
  padding-top: 10px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 14px;
}

.start-menu {
  z-index: 9999;
  background-image: url('../images/bg-start-menu.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 164px 239px;
  width: 164px;
  height: 239px;
  padding-top: 3px;
  padding-left: 24px;
  display: none;
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0;
}

.start-button-pressed {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background-color: silver;
  border: 1px solid #fff;
  border-color: #000 #fff #fff #000;
  width: 60px;
  height: 24px;
  padding: 0;
  font-family: MS Sans Serif, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.start-left-border {
  float: left;
  background-color: gray;
  width: 1px;
  height: 100%;
  position: relative;
  top: -22px;
}

.start-top-border {
  background-color: gray;
  width: 100%;
  height: 1px;
  position: relative;
  top: -22px;
}

.menu-item-block {
  color: #000;
  cursor: default;
  align-items: center;
  width: 137px;
  height: 32px;
  padding-right: 6px;
  display: flex;
}

.menu-item-block:hover {
  color: #fff;
  background-color: navy;
}

.menu-item-text {
  flex: 1;
  font-family: MS Sans Serif, sans-serif;
  font-size: 12px;
}

.menu-item-shutdown {
  color: #000;
  align-items: center;
  width: 137px;
  height: 32px;
  margin-top: 9px;
  display: flex;
}

.menu-item-shutdown:hover {
  color: #fff;
  background-color: navy;
}

.shut-down {
  background-image: url('../images/bg-shutdown.jpg'), linear-gradient(#000, #000);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 680px 425px, auto;
  width: 100vw;
  height: 100vh;
  display: none;
}

.frustration, .tag-light, .darkmaze, .totem {
  border: 1px solid #000;
  border-color: silver #000 #000 silver;
  width: 500px;
  height: 630px;
  display: none;
  position: absolute;
  top: 40px;
  left: 320px;
}

.omage {
  border: 1px solid #000;
  border-color: silver #000 #000 silver;
  width: 50vw;
  height: 50vh;
  min-height: 50vh;
  max-height: 630px;
  position: absolute;
  top: 40px;
  left: 320px;
  overflow: scroll;
}

.escape-vr, .tidal-rave, .insta-karma, .eyes-blind {
  border: 1px solid #000;
  border-color: silver #000 #000 silver;
  width: 500px;
  height: 630px;
  display: none;
  position: absolute;
  top: 40px;
  left: 320px;
}

.recycle-bin {
  background-image: url('../images/bg-recycle-bin.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 502px 321px;
  width: 502px;
  height: 321px;
  padding-top: 72px;
  padding-left: 6px;
  padding-right: 6px;
  display: none;
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 300px;
}

.close-icon---recycle {
  float: right;
  padding-left: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  right: 6px;
}

.bin-item-block {
  align-items: center;
  width: 100%;
  height: 17px;
  margin-bottom: 1px;
  display: flex;
}

.bin-item-text {
  color: #000;
  padding-left: 2px;
  font-family: MS Sans Serif, sans-serif;
  font-size: 12px;
  line-height: 1;
}

.screensaver {
  z-index: 999;
  background-image: url('../images/screensaver-ezgif.com-resize.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0;
}

.pdf {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 10vh;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  display: flex;
}

.code-embed {
  display: none;
}

.socials {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 10vh;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  display: flex;
}

.ca-button {
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  background-color: silver;
  border: 1px solid #000;
  border-color: #fff #000 #000 #fff;
  height: 24px;
  padding: 0;
  font-family: MS Sans Serif, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.ca-txt-element {
  font-size: 13px;
  line-height: 1;
  display: block;
}

.ca-txt-element.changetoca {
  font-family: Inconsolata, monospace;
  font-size: 10px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .win-wrapper {
    justify-content: space-between;
    height: 100dvh;
  }

  .clock {
    display: none;
  }

  .desktop {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100vw;
    max-height: 95vh;
    overflow: hidden;
  }

  .win-content {
    height: 250px;
  }

  .error-message {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    font-family: MS Sans Serif, sans-serif;
    font-size: 20px;
  }

  .omage {
    width: 70vw;
    max-width: 70vw;
    height: 70vh;
    max-height: 70vh;
    left: 10%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.75em;
  }

  h5 {
    font-size: 1.35em;
  }

  .desktop {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.75em;
  }

  h2 {
    text-align: center;
    font-size: 1.25em;
  }

  h4 {
    font-size: 1.5em;
  }

  .desktop {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

#w-node-_42c4ac90-e262-261f-d3da-3a28cca4e7f9-16a9eced {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8b42df76-fdd8-1647-0640-96d60b7ab403-16a9eced {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0196c41e-ebe0-4e80-f828-34365d2c8081-16a9eced {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e71c808b-24b1-3c4d-f420-1d62954a6386-16a9eced {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f9b68d21-47d4-7c06-ee53-5dd72316735f-16a9eced {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-afddb407-ee01-cf46-af94-81bdfd636fd6-16a9eced, #w-node-_50db753e-5949-6254-7c27-d70b62fbbdd2-16a9eced, #w-node-_803184f0-9ecd-1317-b100-a06aa24df5b6-16a9eced, #w-node-_0c5f67c1-0e5e-9a6d-f528-1e57c348bd17-16a9eced, #w-node-_1df3b2c1-0ad5-e59c-1d4e-511df9e51e76-16a9eced, #w-node-ab9409b9-6814-82b2-1860-fb055a68d7c3-16a9eced, #w-node-_4a903b0e-3d34-ddeb-fea8-b3ac361f97bb-16a9eced {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96ffa475-8d6b-838a-3837-55444c52d749-16a9eced {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-ae2d57ae-b3c0-193f-f530-ff860ed46887-16a9eced {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_9f8361a4-1254-29f2-7730-98974b5b6006-16a9eced, #w-node-_219f697f-9e8f-3bb3-7cc8-2ffc7fb351af-16a9eced, #w-node-_2df6df9f-835e-79d5-dabb-d44c2889dcc1-16a9eced, #w-node-e60f7e4a-b7ac-9739-44bf-48de46db94eb-16a9eced, #w-node-_857563c1-a7f7-4dee-2587-ac4cb8b7d10f-16a9eced, #w-node-_384eb516-4011-94a4-4ff4-6b6e1f0b8b34-16a9eced, #w-node-_8b27a8b3-1eac-8967-e53c-cdd1ff4e30d8-16a9eced, #w-node-_83703db5-815e-2b4a-e105-0354311d77f8-16a9eced, #w-node-_96b4b334-0fe5-fbec-d4e8-3ae306ce87c9-16a9eced, #w-node-_7c10e074-612b-3be1-9a44-021e50c2bd1e-16a9eced, #w-node-_26efea64-acdd-18b0-93ed-1e114ed323f7-16a9eced, #w-node-dc4776ad-8eac-77e2-624f-ea72bef0fdf0-16a9eced, #w-node-_1d3c055e-cfac-f8b9-f3f6-0cfb4e5cb871-16a9eced, #w-node-_6a49223a-0a26-c052-1b8c-1783b18afcfc-16a9eced, #w-node-_06a1e664-cd12-ecaa-ccad-57c9c1411385-16a9eced, #w-node-_32079728-90cf-50a3-5f56-334e4454582f-16a9eced, #w-node-_6dfa40ef-b1d3-22ce-f3e5-4403ac7ec157-16a9eced, #w-node-_4a1db65c-e664-ad95-4566-23fe6b332ae0-16a9eced, #w-node-b27d7c51-9442-15ec-70f6-a3dbcb3aced1-16a9eced, #w-node-_565185ed-bd42-1a1b-2b85-94bc34b41c92-16a9eced, #w-node-_8c2efb63-d06a-3961-526e-94431a7d35e3-16a9eced, #w-node-_8f22d809-baf4-582f-c71c-4906a4c93d28-16a9eced, #w-node-_346595a7-ca34-89b1-3183-ff63cb7222a7-16a9eced, #w-node-_5dd92e65-29ef-aac7-2e05-0c32b9668b91-16a9eced, #w-node-_78673169-8621-ae95-7697-582b6a68f9d2-16a9eced, #w-node-d50eb8da-e89c-2eb3-6780-1c0275f0f60e-16a9eced, #w-node-_7a6fd2ff-edd4-fccb-8a81-a1d4f7cf5194-16a9eced, #w-node-c62a9893-ff5f-7f30-b998-cb2b9dc42327-16a9eced, #w-node-_5d8f55e7-37ef-d86b-a4a8-aa70366d0e8d-16a9eced, #w-node-_2d396caa-5790-e063-3cb1-2e5128234505-16a9eced, #w-node-_216b4f36-1b2b-feb7-6e11-3245a088574d-16a9eced, #w-node-badd441a-9fcb-6c3c-0580-c7510eb261b8-16a9eced, #w-node-_3f57e262-440a-964a-24d5-fa221649e54a-16a9eced, #w-node-b2ae19f9-40ec-e97f-e051-611bad7f7846-16a9eced, #w-node-cbac3b9b-6272-4fa0-6994-a2fe2844b26b-16a9eced, #w-node-a030872f-613f-668e-9c81-07e6441208d1-16a9eced, #w-node-_4b959383-88ae-1dce-6542-fa157b84def5-16a9eced, #w-node-d5eb37d0-49fd-10e2-f257-014ea515dcc7-16a9eced, #w-node-fc4cce8b-59e4-9334-25e6-4cdb257325c6-16a9eced, #w-node-c1ab7b79-4623-ae42-b4c0-234febe453e8-16a9eced, #w-node-_7a76dc50-81cf-f765-faee-76fed77061f6-16a9eced, #w-node-_3ead5aba-d374-8bd3-ea54-19e579006f50-16a9eced, #w-node-_9ea5c713-a2c5-c75c-e2b2-d2bebe300921-16a9eced, #w-node-_8a9163ff-3070-c602-5952-8d980db90338-16a9eced, #w-node-_971b0a84-fc6b-48ef-3b50-a12772e9f78d-16a9eced, #w-node-ae1c1b50-1db1-7bd6-9989-27df4393c4b1-16a9eced, #w-node-_8d6048c1-6734-9811-87f7-71d667d1e14f-16a9eced, #w-node-e8047902-c21b-df5c-9c5e-f11c58e2ce0e-16a9eced, #w-node-ddfc88c5-1bef-1b7c-e675-b5c0f99aa983-16a9eced, #w-node-_65e8ee87-9a85-756f-10f9-e23521e33aa3-16a9eced, #w-node-_496a14f0-55b5-3ea3-568c-dcee64b0b189-16a9eced, #w-node-_0139d5d4-d421-7d50-14af-ee0fa07c230f-16a9eced, #w-node-e9dab52b-6a95-df1a-5a34-8352bdb381cb-16a9eced, #w-node-_5ae9d791-4b88-cce4-9656-a53be457e202-16a9eced, #w-node-_736512c7-e379-04e3-1874-a245c09e4e74-16a9eced, #w-node-_94aa5906-2997-2091-4397-22c6fb98e173-16a9eced, #w-node-e1e6ce1b-856d-bfba-b612-460b9388f8f5-16a9eced, #w-node-_7bdda815-c1cf-2a1d-2c7f-fc3847a6f507-16a9eced, #w-node-c9840aa4-0644-8a72-46b4-de5065cb7451-16a9eced, #w-node-_3f02603c-ed8b-d683-3d27-508edfda9995-16a9eced, #w-node-a7dee14f-060d-589e-3bf7-3acbeaa641d0-16a9eced {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'MS Sans Serif';
  src: url('../fonts/micross.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Win 95';
  src: url('../fonts/LeviWindows.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}