style.css

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inconsolata', monospace;
    
    
    width: 100vw;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
    linear-gradient(to bottom, rgba(131, 138, 241, 0.642),rgba(249, 249, 254, 0.57),rgba(249, 249, 254, 0.57),rgba(102, 155, 253, 0.673)); 
    /* radial-gradient(#eae2fee3,rgba(153, 185, 245, 0.774), #2f6fdeba); */
    /* radial-gradient(#ebf1fbfd,rgba(153, 185, 245, 0.774), #2f6fdeba);  */
    /* linear-gradient(to bottom, rgba(124, 167, 248, 0.854),rgba(152, 158, 238, 0.176),rgba(124, 167, 248, 0.854)); */ 
} 

/* 
}  */


#type {
    text-align: center;
    font-size: 5rem;
    font-weight: 300;
    letter-spacing: 10px;
    
    text-shadow: 0 2px 3px rgba(39, 39, 39, 0.335), 0 -1px 2px rgba(0, 0, 0, 0.2);
    color: #2f2f2fa3;

    
    
}



#type::after {
    content: '';
    width: 0.8px;
    border-right: 3px solid #2f2f2fa3;
    height: 100%;
    margin-left: 0.5rem;
    animation: blink 1.2s infinite;
    
}



@keyframes blink {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}