body {
  margin: 0px;
  padding: 0px;
  max-width: 100%;
  overflow-x: hidden;
  font: 100% "Montserrat", sans-serif;
  color: #c1c2e7;
  background: radial-gradient(at bottom right, #c1c2e7 0, #c1c2e7 8px, rgba(193, 194, 231, 0.2) 8px, rgba(193, 194, 231, 0.2) 16px, rgba(193, 194, 231, 0.75) 16px, rgba(193, 194, 231, 0.75) 24px, rgba(193, 194, 231, 0.25) 24px, rgba(193, 194, 231, 0.25) 32px, rgba(193, 194, 231, 0.3) 32px, rgba(193, 194, 231, 0.3) 40px, rgba(193, 194, 231, 0.75) 40px, rgba(193, 194, 231, 0.75) 48px, rgba(193, 194, 231, 0.2) 48px, rgba(193, 194, 231, 0.2) 56px, transparent 56px, transparent 64px), radial-gradient(at top left, transparent 0, transparent 8px, rgba(193, 194, 231, 0.2) 8px, rgba(193, 194, 231, 0.2) 16px, rgba(193, 194, 231, 0.75) 16px, rgba(193, 194, 231, 0.75) 24px, rgba(193, 194, 231, 0.3) 24px, rgba(193, 194, 231, 0.3) 32px, rgba(193, 194, 231, 0.25) 32px, rgba(193, 194, 231, 0.25) 40px, rgba(193, 194, 231, 0.75) 40px, rgba(193, 194, 231, 0.75) 48px, rgba(193, 194, 231, 0.2) 48px, rgba(193, 194, 231, 0.2) 56px, #c1c2e7 56px, #c1c2e7 64px, transparent 64px, transparent 160px);
  background-blend-mode: multiply;
  background-size: 64px 64px, 64px 64px;
  background-color: #112328;
}
body a {
  color: inherit;
  text-decoration: inherit;
}
body #screen-1 {
  height: 100vh;
}
body #screen-2 {
  height: 100vh;
}
body .list-container {
  margin-top: 0px;
  display: flex;
  align-item: center;
  flex-direction: row;
  justify-content: space-between;
}
body .list-container .name-text {
  font: 150% "Montserrat", sans-serif;
  margin-left: 10px;
}
body .list-container .title-list {
  list-style-type: none;
  display: flex;
  flex-direction: row;
}
body .list-container .title-list .list {
  font: 150% "Montserrat", sans-serif;
  margin: 16px;
}
body .list-container .title-list .list:hover {
  color: #e7e6c1;
  font: 160% "Montserrat", sans-serif;
  margin: 14px;
}
body .greet {
  font: 200% "Trispace", sans-serif;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body .footing {
  font: 100% "Montserrat", sans-serif;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}

@media screen and (max-width: 300px) {
  .list-container .name-text {
    font: 50% "Montserrat", sans-serif;
  }
  .list-container .title-list .list {
    font: 50% "Montserrat", sans-serif;
  }
  .list-container .title-list .list:hover {
    color: #e7e6c1;
    font: 60% "Montserrat", sans-serif;
  }
}/*# sourceMappingURL=style.css.map */