html {
    height: 100%;  
}

body {
    background-image: linear-gradient(rgb(67, 222, 86),rgb(206, 226, 226));
}

h1 {
    margin: auto;
    width: 20%;
    text-align: center;
    animation: transition 3s linear infinite;
    color: rgb(207, 226, 248);
    font-family: 'Franklin Gothic Medium', sans-serif;
    font-size: 30px;
    text-shadow: 2px 2px 3px rgb(40, 50, 60);
}

#card {
    padding: 25px;  
}

article {
    margin: auto;
    text-align: center;
    font-family: 'Franklin Gothic Medium', sans-serif;
}

#return {
    color: rgb(123, 18, 224);
    background-color: rgb(67, 179, 174);
    font-family: serif;
    text-align: center;
    margin: auto;
    width: 100px;
    border: groove 2px rgb(40, 50, 60);
}

@keyframes transition {
    50% {
        color: blue;
        text-shadow: 4px 4px 5px rgb(40, 50, 60);;
        font-size: 50px;
    }
}