sncf/templates/assets/cloud.css

.has-text-centered > * {
    text-align: center;
}

.c-subelem, .c-fullwidth > * {
    color: #2c2c2c;
}

.c-blue {
}

.c-blue > a {
    color: white;
    background: #1f58c6;
}

.c-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media screen and (min-width:1280px) {
    .c-flex.c-flex-reverse {
        flex-direction: row-reverse;
    }
    .c-jumbo {
        padding: 1.5rem 0;
    }
    .c-subelem {
        padding: 0;
        max-width: 40vw;
        margin: auto 0;
    }
}

.c-jumbo.c-jumbo-big {
    min-height: 25rem;
    padding: 1rem;
}

.c-jumbo.c-jumbo-medium {
    min-height: 18rem;
    padding: 1rem;
}

.c-jumbo.c-jumbo-small {
    min-height: 10rem;
    padding: 1rem;
}

.c-button {
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    text-align: center;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    padding: 1rem;
    width: max-content;
    margin: 0.5rem;
}

.c-button:only-child {
    margin: auto;
}

.c-button.c-big {
    font-size: x-large;
}

.c-subelem {
    margin: auto 2rem;
    padding: 1rem 0;
    width: 100%;
}

.c-img-shadow {
    height: auto;
    max-width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);
    border-radius: 2px;
}

.c-img-center {
    display: block;
    margin: auto;
}

.c-fullwidth {
    width: 100%;
    margin: auto 2rem;
}

@media screen and (max-width:1279px) {
    .c-no-margin-mobile {
        margin: 0 !important;
    }
}

.c-jumbo {
    padding: .5rem 0;
    width: 100%;
}

.c-fade-left {
    opacity: 0;
    transform: translateX(-100px);
    animation: fadeInLeft 2s ease-in-out both;
}

.c-fade-right {
    opacity: 0;
    transform: translateX(100px);
    animation: fadeInRight 2s ease-in-out both;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
} 

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}