@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
html, body {
    padding: 0px;
    margin: 0px;
}
html {
    background: #000;
    width: 100%;
    height: 100%;
}
body {
    background: #ff8f7a08;
    background: linear-gradient(180deg, #ff8f7a2e 0%, #ff8f7a08 100%);
    width: 100%;
    height: 100%;
}
.main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 3.5vw;
    color: #fff;
    margin: 0 auto;

}
#text
{
  display: inline-block;
  margin: 0 auto; /*Important! So that the text doesn't move up */
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 3.5vw;
  color: #fff;
}

#cursor
{
  display: inline-block;
  vertical-align: middle;
  width: 2.5px;
  height: 3.2vw;
  margin-left: 3px;
  animation-name: cursorMove;
  animation-duration: .75s;
  animation-timing-function: step-end;
  animation-iteration-count: infinite;
}

@keyframes cursorMove
{
  from 
  {
    background-color: transparent;
  }
  50%
  {
    background-color: #fff;
  }
}
.logo {
    position: fixed;
    width: 215px;
    top: 20px;
    left: 20px;
}
.subtext {
    font-weight: 400;
    font-size: 2vw;
}