h1{
    color:rgb(98, 98, 240);
    text-align:center;
    padding-top: 15%;
    font-family: 'Lucida Console';
    font-size: 600%;
}

.animated-text {
    animation-name: textAnimation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
    
.fade-in-text {
    opacity: 0;
    animation: textAnimation 5s infinite alternate, fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes textAnimation {
    from{color:rgb(98, 98, 240);}
    to{color:rgb(50, 50, 138);}
}

body {
    background-color: rgb(30, 30, 30);
}
.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    button {
        display: block;
        margin: auto;
        
    }
}
a {
  text-decoration: none;
}
button{
    background-color: rgb(98, 98, 240);
    font-size: 200%;
    padding: 30px 50px;
    border-radius: 12px;
    border: none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
    transition: 0.4s;
}

button:hover{
    background-color: rgb(50, 50, 138);
}