@import "../../../../css/fontface.css";

/* GLOBAL */
:root {
    font-size: 12pt;
}

body {
    position: relative;
    margin: unset;
    padding: unset;
    background-color: black !important;
}

.flex-col-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flex-row-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
/* END GLOBAL */

/* ANIMATION */
@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* END ANIMATION */

/* MAIN CONTENT */
.gb-mb-le-content {
    position: relative;
    background: url('../../../images/preregis/EN/Mobile/TLE/bg.jpg') center top no-repeat;
    background-size: cover;

    padding-top: 15%;
    padding-bottom: 15%;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

.gb-mb-le-char {
    display: block;
    max-width: 1023px;
    width: 100%;
}

.gb-mb-le-logo {
    display: block;
    max-width: 223px;
    width: 48vw;
    margin-top: -54%;
}

.gb-me-le-button {
    display: block;
    margin: 0 auto;
    max-width: 302px;
    width: 100%;
}

.gb-me-le-button:active,
.gb-me-le-button:hover {
    filter: brightness(80%);
}
/* END MAIN CONTENT */