h1 {
    font-size: 200px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: center;
    margin-top: 20%;
}
body {
    background-color: #FBE2FF;
    color: #2A2A2A;
    margin-left: 5%;
    margin-right: 5%;
    animation: fade 10s infinite alternate;
}
/* .typewriter {
    margin-top: 30%;
    font-size: 150px;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1ch solid black;
    width: 0;
    
    animation: typing 1.5s steps(15) forwards, 1s step-end infinite alternate;
}

@keyframes typing {
    from { width: 0 }
    to { width: 15ch }
}

@keyframes blink {
    50% { border-color: transparent }
} */

@keyframes fade {
    from {
        color: #2A2A2A;
        background-color: #FBE2FF;
    }
    to {
        color: #FAE4FF;
        background-color: #742882;
    }
}

@media screen and (max-width: 1000px) {
    h1 {
        font-size: 100px;
        margin-top: 50%;
    }
}