.title {
    font-family: 'Courier New', monospace;
    font-size: 140px;
    padding: 50px;
    color: #032330;
    font-weight: bold;
    text-shadow: 5px 8px #0000002d;
    margin-left: 100px;
    margin-top: 20px;
    cursor: default;
 }
 
 .subtitle {
   font-family: 'Courier New', monospace;
    position: relative;
    font-size: 45px;
    font-weight: bold;
    color: #032330;
    text-shadow: 3px 3px #0000002d;
    margin-left: 310px;
    margin-top: -175px;
    opacity: 0;
    animation: subtitleAN1 0.05s 5.1s forwards;
    cursor: default;
 }
 
@keyframes subtitleAN1 {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}
 
 .animatepoint {
    position: absolute;
    top: -30px;
    left: 322px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    color: #032330;
    text-shadow: 5px 8px #0000002d;
    font-size: 150px;
    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: -30px;
       left: 322px;
    }
 
    28% {
       top: -45px;
       left: 322px;
    }
 
    34% {
       top: -50px;
       left: 240px;
    }
 
    35% {
       text-shadow: 0px 0px #0000002d;
    }
 
    41% {
       top: 100px;
       left: 240px;
       text-shadow: 0px 0px #0000002d;
    }
    
    64% {
       top: 100px;
       left: 508px;
       text-shadow: 0px 0px #0000002d;
    }
 
    70% {
       top: 110px;
       left: 508px;
       text-shadow: 0px 0px #0000002d;
    }
 
    80% {
       top: 110px;
       left: -22px;
       text-shadow: 0px 0px #0000002d;
    }
 
    100% {
       top: 60px;
       left: 88px;
    }
 
 }
 
 .titledollarsign {
    left: 275px;
    top: 90px;
    width: 15px;
    height: 0px;
    z-index: 3;
    position: absolute;
    border-top: 0px solid #032330;
    border-radius: 10px 10px 10px 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: 120px;
    }
 }
 
 ::selection {
    background-color: transparent;
 }