.title {
    font-family: 'Courier New', monospace;
    font-size: 100px;
    padding: 50px;
    color: #032330;
    font-weight: bold;
    text-shadow: 5px 8px #0000002d;
    margin-left: 40px;
    margin-top: -40px;
    cursor: default;
 }

 .subtitle {
    font-family: 'Courier New', monospace;
     position: relative;
     font-size: 30px;
     font-weight: bold;
     color: #032330;
     text-shadow: 3px 3px #0000002d;
     margin-left: 200px;
     margin-top: -135px;
     opacity: 0;
     animation: subtitleAN1 0.05s 5.1s forwards;
     cursor: default;
}

@keyframes subtitleAN1 {
    0% {
       opacity: 0;
    }
 
    100% {
       opacity: 1;
    }
}

.animatepoint {
    position: absolute;
    top: -60px;
    left: 215px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    color: #032330;
    text-shadow: 5px 8px #0000002d;
    font-size: 110px;
    font-family: 'Courier New', monospace;
    animation: animatepointAN 5s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    cursor: grab;
    transition: .7s;
 }

 .animatepoint:active {
    transition: .2s;
    color: white;
    text-shadow: none;
    cursor: grabbing;
  }

  @keyframes animatepointAN {
    0% {
       top: -60px;
       left: 215px;
    }
 
    28% {
       top: -70px;
       left: 215px;
    }
 
    34% {
       top: -70px;
       left: 160px;
    }
 
    35% {
       text-shadow: 0px 0px #0000002d;
    }
 
    41% {
       top: 40px;
       left: 160px;
       text-shadow: 0px 0px #0000002d;
    }
    
    64% {
       top: 40px;
       left: 280px;
       text-shadow: 0px 0px #0000002d;
    }
 
    70% {
       top: 45px;
       left: 280px;
       text-shadow: 0px 0px #0000002d;
    }
 
    80% {
       top: 45px;
       left: 0px;
       text-shadow: 0px 0px #0000002d;
    }
 
    100% {
       top: 5px;
       left: 48px;
    }
 
 }

 .titledollarsign {
    left: 184px;
    top: 35px;
    width: 10px;
    height: 0px;
    z-index: 3;
    position: absolute;
    border-top: 0px solid #032330;
    border-radius: 10px;
    animation: titledollarsignAN 0.3s;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
 }

 @keyframes titledollarsignAN {
    from {
       border-top-width: 0px;
    }
 
    to {
       border-top-width: 80px;
    }
 }

 ::selection {
    background-color: transparent;
 }