html, body {
    height: 100%;
    width: 100%;
    text-shadow: 2px 2px 6px black;
    font-family: 'poppinsregular';
    overflow: hidden;
  }
  .blur {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      backdrop-filter: blur(10px);
      z-index: -99;
  }
  @font-face {
      font-family: 'poppinsregular';
      src: url('poppins-regular-webfont.woff2') format('woff2'),
           url('poppins-regular-webfont.woff') format('woff');
  }
  h1, h2, p, inv, button, a:hover, edit {
    color: white
  }
  links {
    padding: 10px;
    border-radius: 10px;
    background-color: #00000055;
  }
  a {
    color: #c2ccff;
    text-decoration: unset;
  }
  inv {
    opacity: 0.2
  }
  button {
    background-color: #383838;
    padding: 5px;
    border-radius: 5px;
  }
  input {
    background-color: #383838;
    padding: 5px;
    border-radius: 5px;
    color: white
  }
  button:hover {
    background-color: black
  }
  button:click {
    background-color: #c7c7c7
  }
  #bgimage {
      background-color: #404040;
      background-image: url(icicles.jpg);
      background-repeat: repeat;
      background-size: cover;
      position: fixed;
      z-index: -100;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  hr {
    opacity: 0.5;
    box-shadow: 2px 2px 5px black;
  }
  edit {
    font-size:100px
  }
  @keyframes textmove {
    0%{font-size: 0px}
    50%{font-size: 17.5px}
  }
  .welcome {
    position: absolute;
    background-image: linear-gradient(rgb(255, 255, 255),rgb(90, 208, 255));
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: textmove;
    animation-duration: 2s;
    animation-iteration-count: 1;
    text-shadow:none;
  }