* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
:root {
  --background: #1a1a1a;
  --theme: rgb(250, 160, 43);
  --head: #ffffff;
  --general: rgb(144, 144, 144);
  --general2: rgb(168, 168, 168);
  --white: white;
  --black: black;
  --bluerotate: hue-rotate(-0deg);
  --ulbg: rgb(0, 0, 0, 0.8);
}
html {
  overflow: hidden;
}
body {
  width: 100vw;
  height: 80vh;
  background: var(--background);
  display: flex;
  justify-content: center;
  align-items: center;
}

.msg {
  color: var(--black);
  font-family: arial;
  font-weight: 900;
  text-transform: lowercase;
  font-size: 26.5vw;
  line-height: 14.5vw;
  letter-spacing: -2.7vw;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  pointer-events: none;
  opacity: 0.3;
}

@media (max-width: 800px) {
  .msg {
    margin-top: 70px;
    margin-left: 25px;
    vertical-align: middle;
    line-height: 34vw;
    font-weight: 1500;
    font-size: 61.5vw;
  }
  .body {
    height: 94vh;
    align-items: center;
  }
}