@font-face {
  font-family: Cozette;
  font-display: swap;
  src: url(/static/CozetteVector.woff2) format("woff2");
}
@font-face {
  font-family: ms-fallback;
  src: local("Courier New");
  size-adjust: 77%;
}
body {
  background-color: #fff;
  font-family: Cozette, ms-fallback;
  filter: contrast(1);
  font-size: 13px;
  height: 100vh;
  /* Ughhhhhh */
  margin: 0;
  padding: 0;
}

.window-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5pt;
}

.window {
  width: 75%;
  background-color: #fff;
}

.window-title {
  display: flex;
  align-items: center;
  height: 18px;
  background-color: #000;
  color: #fff;
}

.window-content {
  /* border */
  box-shadow: 0 0 0 2px black inset, 0 0 0 3px white inset, 0 0 0 5px black inset;
  padding: 4px 25.1% 5px 5px;
  margin-top: -5px;
  clip-path: inset(5px 0 0 0);
  color: #000;
  line-height: 12px;
}

p {
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  will-change: transform;
  /* why is it set to Anything other than Zero fuck you mozcucks */
  padding: 0;
  margin: 0;
}

b {
  font-weight: normal;
  color: #fff;
  background-color: #000;
}

a {
  color: #000;
}

.line-tab {
  padding-left: 24px;
  padding-bottom: 8px;
}

.line {
  padding-bottom: 8px;
}

.header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}

.footer {
  display: flex;
  justify-content: space-between;
}

.bolder {
  text-shadow: 1px 0 0 currentColor;
  padding: 0 1px 0 0;
}

.bg {
  position: fixed;
  /*width: 100vw;
  height: 100vh;*/
  z-index: -9;
}

.lastfm-container {
  display: flex;
  flex-direction: row;
}

.lastfm {
  display: flex;
  flex-direction: column;
}

.cover {
  text-wrap-mode: nowrap;
  padding-right: 6px;
}

/* i hate everything about these split window css rules god why did you invent such a terrible language to style css in */
/* atleast im not cucking myself by using tailwind */
.split {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.split-container {
  display: flex;
  flex-direction: row;
  width: 75%;
}

.split-container .window-container {
  width: 50%;
  align-items: start;
}

.split-container .window-container .window {
  width: 100%;
}

@media only screen and (max-width: 550px) {
  .lastfm-container {
    flex-direction: column;
  }
  .split-container {
    flex-direction: column;
  }
  .split-container .window-container {
    width: unset;
  }
}

/*# sourceMappingURL=global.css.map */