html,
body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    /*background-color: rgb(4, 36, 55);*/
    background-color: rgb(3, 22, 39);
}

#section-landing {
    /*background-color: rgb(4, 36, 55);*/
    background-color: rgb(3, 22, 39);
    height: 100%;
    width: 100%;
}

.wrapper-landing {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    top: 5%;
}

.wrapper-landing h1 {
    /* font-size: 45px; */
    color: #ffffff;
    margin: 0;
    font-weight: 100;
}

.wrapper-landing h2 {
    /* font-size: 41px; */
    color: #ffffff;
    opacity: 0.6;
    margin: 0;
    font-weight: 100;
}

.footer-text {
    font-size: 14px !important;
}

.card-home {
    border: 0;
    border-radius: 0;
    color: #ffc107 !important;
    background: linear-gradient(
        to left,
        /*rgb(3, 22, 39) 50%,*/
        rgb(4, 36, 55) 50%,
        rgb(3, 22, 39) 50%
    );
    background-size: 200%;
    background-position: right;
    transition: background-position 0.5s ease-out;
}

.card-home:hover {
    background-position: left;
    color: #fff !important;
}

.previous {
    text-decoration: none;
    font-size: 9px;
}

.previous:hover {
    color: white !important;
}