.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: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inconsolata, monospace;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

a {
  color: #141414;
  text-decoration: none;
}

.body {
  background-color: #ececec;
  font-family: VT323, sans-serif;
  font-weight: 400;
}

.desktop-wrapper {
  width: 100vw;
  height: 100vh;
  background-color: #ffeb3b;
  justify-content: center;
  align-items: center;
  font-family: VT323, sans-serif;
  font-weight: 400;
  display: flex;
  position: absolute;
}

.desktop-icons-wrapper {
  width: 10%;
  padding-top: 2.8rem;
  padding-left: 2rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.desktop-icon-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: .3rem;
  display: flex;
}

.desktop-icon-wrapper.is-portfolio-icon {
  color: #141414;
  align-items: center;
  text-decoration: none;
}

.desktop-icon-wrapper.is-services-icon, .desktop-icon-wrapper.is-contact-icon, .desktop-icon-wrapper.is-token-icon, .desktop-icon-wrapper.is-paper-icon {
  align-items: center;
}

.icons-heading {
  text-transform: none;
  margin-top: 6px;
  margin-bottom: 6px;
  font-family: Gloriahallelujah, sans-serif;
  font-size: 1.8rem;
  line-height: 3rem;
}

.navigation-bar {
  z-index: 10;
  height: auto;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(236, 236, 236, .5);
  justify-content: space-between;
  align-items: stretch;
  padding-top: .9rem;
  padding-bottom: .9rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.desktop-icons {
  width: 5rem;
}

.menu-button {
  width: 8rem;
  justify-content: center;
  align-items: center;
  margin: 0 1rem;
  padding: .25rem 0;
  font-weight: 400;
  display: flex;
  box-shadow: -3px -3px #fff, 2px 2px 0 1px #a7a7a7;
}

.menu-title {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gloriahallelujah, sans-serif;
  font-weight: 400;
}

.nav-bar-divider {
  width: .3rem;
  min-height: 2rem;
  background-color: #ececec;
  display: block;
  box-shadow: inset -3px -3px #fff, 2px 2px #a7a7a7;
}

.popup {
  width: 40rem;
  height: auto;
  max-height: none;
  background-color: #ececec;
  flex-flow: column;
  justify-content: center;
  padding: .4rem;
  display: none;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 20%;
  right: auto;
}

.popup.is-services {
  z-index: 20;
  display: none;
  top: 7%;
  left: 14%;
}

.popup.is-contact {
  z-index: 25;
  width: auto;
  display: none;
  top: 31%;
  left: 62%;
}

.popup.is-portfolio {
  display: none;
  top: 4%;
  left: 34%;
}

.popup.credit {
  z-index: 150;
  width: 25rem;
  display: none;
}

.popup.is-token {
  display: none;
}

.popup.is-paper {
  z-index: 25;
  width: auto;
  display: none;
  top: 21%;
  left: 43%;
}

.popup-top-bar {
  cursor: grab;
  background-color: #ffeb3b;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 .3rem;
  padding: .4rem;
  display: flex;
}

.popup-title {
  margin-left: .3rem;
  font-family: Gloriahallelujah, sans-serif;
  font-size: 1.2rem;
  line-height: 1.3rem;
}

.popup-icon {
  width: 1rem;
  height: 1rem;
}

.popup-title-wrap {
  display: flex;
}

.popup-button-wrap {
  align-items: center;
  display: flex;
}

.popup-button {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #ececec;
  margin-left: .3rem;
  margin-right: .3rem;
  box-shadow: -2px -2px #fff, 2px 2px #a7a7a7;
}

.icon {
  margin-right: .6rem;
}

.services-wrapper {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1rem;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  display: flex;
}

.services-image {
  padding-top: .3rem;
  padding-bottom: 1rem;
}

.contact-wrapper {
  background-color: #fff;
  padding: .9rem 1.7rem;
}

.contact-text-wrapper {
  justify-content: space-around;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.icon-text-wrapper {
  align-items: center;
  display: flex;
}

.link-icon {
  width: 1rem;
  margin-right: .3rem;
}

.start-menu-wrap {
  width: auto;
  min-height: 3rem;
  background-color: #ececec;
  padding: 1rem 1rem 1rem 3rem;
  display: none;
  position: absolute;
  top: auto;
  bottom: 98%;
  left: 0%;
  right: auto;
  box-shadow: inset 3px 2px #fff, 2px 2px #a7a7a7;
}

.menu-link-title {
  font-family: Gloriahallelujah, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
}

.start-menu-item-wrap {
  align-items: center;
  padding: .7rem;
  display: flex;
}

.start-menu-item-wrap:hover {
  background-color: rgba(167, 167, 167, .74);
}

.start-icon {
  width: 2rem;
  margin-right: .5rem;
}

.divider {
  width: auto;
  height: .25px;
  background-color: #a7a7a7;
}

.start-strip {
  width: 1.8rem;
  height: auto;
  background-color: #ffeb3b;
  align-items: flex-end;
  margin-top: .3rem;
  margin-left: .3rem;
  padding-left: 4px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.text-block {
  font-family: Gloriahallelujah, sans-serif;
  font-size: 16px;
  position: absolute;
  transform: translate(-12px, -17px)rotate(-90deg);
}

.clock-wrapper {
  width: auto;
  align-items: center;
  margin-right: 9rem;
  padding-right: 0;
  display: flex;
}

.clock {
  width: auto;
  min-height: 2rem;
  min-width: 12rem;
  margin-left: .5rem;
  padding-right: 0;
  font-size: 2rem;
  line-height: 2rem;
}

.menu-side-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.logo-wrap {
  cursor: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.logo-center {
  position: absolute;
  transform: rotate(0);
}

.logo-center.text {
  top: 35%;
}

.pre-looader {
  z-index: 200;
  width: 100vw;
  height: 100vh;
  background-color: #141414;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.loading-block-wrapper {
  width: 19.2rem;
  height: 2rem;
  border: 1px solid #ececec;
  flex-direction: row;
  justify-content: center;
  padding: .2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.loading-block {
  width: auto;
  height: auto;
  min-width: 1.1rem;
  background-color: #ffeb3b;
  margin-left: .125rem;
  margin-right: .125rem;
}

.loading-text {
  color: #ececec;
  margin-bottom: 1rem;
  font-family: Gloriahallelujah, sans-serif;
  font-size: 1.5rem;
}

.loading-cover {
  width: 20rem;
  height: 2rem;
  background-color: #141414;
  position: absolute;
}

.top-black {
  z-index: 300;
  height: 60vh;
  background-color: #141414;
  position: absolute;
  top: -73%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.shut-down {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.bottom-black {
  z-index: 300;
  height: 50vh;
  background-color: #141414;
  position: absolute;
  top: 101%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.right-black {
  z-index: 300;
  width: 50vw;
  background-color: #141414;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 162%;
}

.left-black {
  width: 50vw;
  background-color: #141414;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.clock-icon {
  padding-left: 1rem;
  padding-right: .5rem;
}

.side-black-left {
  z-index: 300;
  width: 70vh;
  height: 20vh;
  background-color: #000;
  position: absolute;
  top: auto;
  bottom: auto;
  left: -50%;
  right: 0;
}

.side-black-left.left {
  top: auto;
  bottom: 0%;
  left: auto;
  right: -49%;
}

.side-black-left.right {
  top: auto;
  bottom: auto;
  left: auto;
  right: -56%;
}

.side-black-right {
  z-index: 300;
  width: 70vh;
  height: 20vh;
  background-color: #141414;
  position: absolute;
  right: -49%;
}

.looping-text-wrapper {
  width: 80vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.infinity-text {
  width: auto;
  min-width: 60vw;
  text-align: center;
  font-size: 1.5rem;
}

.credit-content {
  background-color: #fff;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.credit-text {
  padding-left: 1rem;
  font-size: 1rem;
}

.icon-cat {
  width: 2rem;
  height: auto;
}

.heading, .paragraph {
  font-family: Gloriahallelujah, sans-serif;
}

.link {
  font-family: Gloriahallelujah, sans-serif;
  font-size: 25px;
  text-decoration: underline;
}

.link.contract {
  font-size: 20px;
}

.div-block {
  position: absolute;
  top: 15%;
  bottom: auto;
  left: auto;
  right: 10%;
}

.html-embed {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .start-menu-wrap, .start-menu-item-wrap.is-shutdown, .top-black, .shut-down, .bottom-black, .side-black-left, .side-black-right {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .desktop-icons-wrapper {
    width: 50%;
  }

  .desktop-icon-wrapper.is-portfolio-icon {
    width: auto;
  }

  .desktop-icons {
    width: 3rem;
    max-width: none;
  }

  .popup.is-services {
    width: auto;
    display: none;
  }

  .popup.is-contact {
    display: none;
    top: 31%;
    bottom: auto;
    left: 6%;
    right: auto;
  }

  .popup.credit {
    display: none;
  }

  .popup.is-token, .popup.is-paper {
    display: none;
    top: 31%;
    bottom: auto;
    left: 6%;
    right: auto;
  }

  .start-menu-wrap {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .desktop-wrapper {
    z-index: auto;
    height: 100vh;
    background-color: #e2dea9;
    flex-direction: column;
  }

  .desktop-icons-wrapper {
    z-index: 0;
    padding-top: 0;
    padding-left: .6rem;
    display: block;
  }

  .desktop-icon-wrapper.is-portfolio-icon {
    position: static;
  }

  .navigation-bar {
    z-index: 10;
    overflow: visible;
  }

  .nav-bar-divider {
    display: none;
  }

  .popup.is-services {
    z-index: 180;
    display: none;
  }

  .popup.is-contact {
    z-index: 120;
  }

  .popup.is-portfolio {
    z-index: 160;
    width: auto;
    display: none;
    top: 6%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .popup.credit {
    width: auto;
    display: none;
    left: 0%;
  }

  .popup.is-token, .popup.is-paper {
    z-index: 120;
  }

  .contact-text-wrapper {
    flex-direction: column;
  }

  .start-menu-wrap {
    z-index: 100;
    display: none;
    position: absolute;
    bottom: 101%;
  }

  .clock {
    display: none;
  }

  .logo-center {
    z-index: 1;
    max-width: 20%;
    position: relative;
    top: auto;
  }

  .logo-center.text {
    max-width: 50%;
    position: relative;
    top: auto;
  }

  .looping-text-wrapper {
    display: none;
  }
}

#w-node-d3aa7111-d0ce-2b05-b4eb-b34224b895db-092f02a5, #w-node-d3aa7111-d0ce-2b05-b4eb-b34224b895dc-092f02a5, #w-node-d3aa7111-d0ce-2b05-b4eb-b34224b895dd-092f02a5, #w-node-d3aa7111-d0ce-2b05-b4eb-b34224b895de-092f02a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Handjet[egrd,eshp,wght]';
  src: url('../images/index.html') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gloriahallelujah';
  src: url('../fonts/GloriaHallelujah-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}