@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@200;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@200;300;400;500;700;900&display=swap");
@font-face {
  font-family: "LoveLetter";
  src: url("assets/Lovelt__.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: #393939;
}

::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}

html {
  scrollbar-color: #ffffff #393939;
  scrollbar-width: thin;
}

body {
  position: relative;
  margin: 0;
  font-family: "LoveLetter";
  color: #d2738a;
  background-color: #393939;
  background-image: url("assets/bg.gif");
  font-weight: 200;
  text-shadow: 0px 0px 5px #d2738a;
  font-size: 64px;
  width: 100%;
  height: 100%; /*388.67+128+384+410+384+162.67+384+268.67+384+212+128*/
}

.letsalllovelain {
  position: absolute;
  top: 128px;
  left: 64px;
}

.lain {
  position: absolute;
  bottom: calc(-100vh + 32px);
  right: 32px;
}