* {
    font-family: "Montserrat", sans-serif;
}

body {
    background: linear-gradient(-41deg, #1e1194, #a8ce02, #a00a0a, #bb2929);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite ;
}

@keyframes gradient {
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }
}

.main-container {
    max-width: 700px;
    height: 100vh;
}

.card {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.card-header {
    background-color: transparent;
}

.card-footer {
    background-color: transparent;
}

.quote-card-title {
    font-weight: 600;
}

.quote {
    font-size: 2.4rem;
    margin-right: 0.5rem;
}

footer p {
    font-size: 0,7rem;
    color: #fff;
    font-weight: 100;
}