#Title {
    font-family: Roboto, sans-serif;
}

body {
    font-family: Roboto, sans-serif;
    background: linear-gradient(rgb(180, 180, 180), rgb(120, 120, 120));
    background-attachment: fixed;

    /* Play the entrance animation once when the page loads */
    animation: sweepUp 1s ease-out both;
}

@keyframes sweepUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.About {
    margin: 0 0 20px;
}

#abttext {
    font-weight: normal;
}

#LearnButton {
    display: table;
    margin: 100px auto 0;
    padding: 35px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    color: rgb(0, 0, 0);
    background-color: #00ff08;
    border: 2.5px solid #000000;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.15s ease;
}

#LearnButton:hover {
    transform: scale(1.05);
}