@font-face {
    font-family: 'code';
    src: url(../2ade8685d0e7475fd8a9.otf)
}

.icon {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: block
}

.icon-back {
    width: 25px;
    height: 25px;
    background-position: 0 0
}

.icon-gold {
    width: 20px;
    height: 20px;
    background-position: -25px 0
}

.icon-gold-2 {
    width: 30px;
    height: 30px;
    background-position: -45px 0
}

.icon-hand {
    width: 50px;
    height: 50px;
    background-position: 0 -30px
}

.icon-light {
    width: 25px;
    height: 25px;
    background-position: -50px -30px
}

.icon-settings {
    width: 32px;
    height: 32px;
    background-position: -50px -55px
}

.icon-sound-off {
    width: 30px;
    height: 30px;
    background-position: -75px 0
}

.icon-sound-on {
    width: 30px;
    height: 30px;
    background-position: -82px -30px
}

.icon-vibrate-off {
    width: 30px;
    height: 30px;
    background-position: -82px -60px
}

.icon-vibrate-on {
    width: 30px;
    height: 30px;
    background-position: 0 -90px
}

.facebook-btn {
    position: absolute;
    bottom: 23%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    z-index: 100;
    text-align: center
}

.facebook-btn.hide {
    display: none
}

.facebook-btn .invite-btn {
    width: 159px;
    min-width: 159px;
    height: 41px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 10px 10px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    background: #fff;
    background: linear-gradient(40deg, #400195 0%, #ac5039 100%);
    cursor: pointer
}

.facebook-btn .share-btn {
    width: 159px;
    min-width: 159px;
    height: 41px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 10px 10px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    background: #fff;
    background: linear-gradient(10deg, #017197 0%, #5022a6 100%);
    cursor: pointer
}

.gg-share {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--ggs, 1));
    transform: scale(var(--ggs, 1));
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 100px;
    -webkit-box-shadow: 10px -6px 0, 10px 6px 0;
    box-shadow: 10px -6px 0, 10px 6px 0
}

.gg-share::after,
.gg-share::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 10px;
    height: 2px;
    background: currentColor;
    left: 2px
}

.gg-share::before {
    top: 0;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.gg-share::after {
    bottom: 0;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
}

.gg-profile,
.gg-profile::after,
.gg-profile::before {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100px
}

.gg-profile {
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 22px;
    min-width: 22px;
    height: 22px;
    position: relative
}

.gg-profile::after,
.gg-profile::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 8px;
    height: 8px
}

.gg-profile::after {
    border-radius: 200px;
    top: 11px;
    left: 0px;
    width: 18px;
    height: 18px
}

.main-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.main-menu .menu-event-listener {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.main-menu .settings-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-color: transparent
}

.main-menu .hand-tuto {
    position: absolute;
    bottom: 18%;
    left: 50%;
    width: 100px;
    height: 15px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.22);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-menu .hand-tuto .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 7px;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    -webkit-animation: hand-animation ease-in-out 1.25s infinite alternate;
    animation: hand-animation ease-in-out 1.25s infinite alternate
}

.main-menu .swip-to-move {
    position: absolute;
    text-align: center;
    bottom: 22%;
    width: 100%
}

@-webkit-keyframes hand-animation {
    from {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(70px);
        transform: translateX(70px)
    }
}

@keyframes hand-animation {
    from {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(70px);
        transform: translateX(70px)
    }
}

.game {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: none
}

.game .game-event-listener {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.game .level-progress {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 10%;
    left: 50%;
    width: 80%;
    height: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #2c2c2c;
    -webkit-transition: .3s;
    transition: .3s
}

.game .level-progress.hide {
    opacity: 0
}

.game .level-progress .finish-line {
    width: 35px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    background-color: #fff;
    background-image: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    -webkit-box-shadow: #2c2c2c 0px 4px;
    box-shadow: #2c2c2c 0px 4px
}

.game .level-progress .progress {
    width: 100%;
    height: 100%;
    background-color: green;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.game .fever-mode-text {
    position: absolute;
    display: none;
    top: 28%;
    left: 0%;
    font-size: 1.8em;
    width: 100%;
    text-align: center;
    -webkit-animation: feverModeText 1s ease-in-out infinite alternate;
    animation: feverModeText 1s ease-in-out infinite alternate
}

.game .fever-mode-text.show {
    display: block
}

.game .jauge {
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 35px;
    height: 90px;
    border: solid white 3px;
    border-left: none;
    background-color: #2c2c2c;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.game .jauge .icon-light {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.game .jauge.show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.game .jauge.show .progress {
    background-color: green;
    -webkit-transition: none;
    transition: none
}

.game .jauge .progress {
    width: 100%;
    height: 100%;
    background-color: red;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform ease-out .5s;
    transition: -webkit-transform ease-out .5s;
    transition: transform ease-out .5s;
    transition: transform ease-out .5s, -webkit-transform ease-out .5s
}

.game .jauge .progress.active {
    background-color: #D9A500
}

.game .best-score {
    opacity: 0;
    position: absolute;
    top: 28%;
    width: 100%;
    font-size: 1.3rem;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.game .best-score.show {
    opacity: 1
}

.game .ask-revive {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate(-200vw, -50%);
    transform: translate(-200vw, -50%);
    -webkit-transition: -webkit-transform ease-out .6s;
    transition: -webkit-transform ease-out .6s;
    transition: transform ease-out .6s;
    transition: transform ease-out .6s, -webkit-transform ease-out .6s
}

.game .ask-revive.show {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.game .ask-revive.show .refuse-ad-btn {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.game .ask-revive .launch-ad-btn {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    font-size: 1.7rem;
    border: solid black 5px;
    background: black;
    overflow: hidden
}

.game .ask-revive .launch-ad-btn .text {
    position: relative;
    z-index: 1
}

.game .ask-revive .launch-ad-btn .indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    --b: 6px;
    --c: green;
    --w: 100%;
    --p: 100
}

.game .ask-revive .launch-ad-btn .indicator:before {
    content: "";
    position: absolute;
    border-radius: 50%
}

.game .ask-revive .launch-ad-btn .indicator:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(farthest-side, var(--c) 98%, rgba(0, 0, 0, 0)) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), rgba(0, 0, 0, 0) 0);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
    background-size: 0 0, auto
}

.game .ask-revive .refuse-ad-btn {
    margin-top: 20px;
    font-size: 1.2rem;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .6s .3s;
    transition: -webkit-transform .6s .3s;
    transition: transform .6s .3s;
    transition: transform .6s .3s, -webkit-transform .6s .3s
}

.game .end-score {
    width: 70%;
    position: absolute;
    top: 34%;
    left: 15%;
    background: #C72A60;
    border-radius: 10px;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    transition: transform .8s;
    transition: transform .8s, -webkit-transform .8s
}

.game .end-score.show {
    -webkit-transform: translateX(0vw);
    transform: translateX(0vw)
}

.game .end-score.show .coins {
    opacity: 0;
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-animation: appearCoins ease-in .5s 1s forwards;
    animation: appearCoins ease-in .5s 1s forwards
}

.game .end-score .label,
.game .end-score .score,
.game .end-score .coins {
    margin: 20px auto
}

.game .end-score .coins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #7E173D;
    width: 90%;
    margin: 20px auto;
    border-radius: 10px;
    padding: 15px 0
}

.game .end-score .coins .icon-gold-2 {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.game .red-signal .left,
.game .red-signal .right {
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%
}

.game .red-signal .left {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.568627)), to(transparent));
    background: linear-gradient(90deg, rgba(255, 0, 0, 0.568627), transparent)
}

.game .red-signal .right {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 0, 0, 0.568627)), to(transparent));
    background: linear-gradient(-90deg, rgba(255, 0, 0, 0.568627), transparent)
}

.score-added {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: scoreAdded 1s linear forwards;
    animation: scoreAdded 1s linear forwards
}

.encouragement {
    position: absolute;
    top: 27%;
    width: 100%;
    font-size: 3em;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: encouragement 1s linear;
    animation: encouragement 1s linear
}

.score-element {
    position: absolute;
    top: 17%;
    width: 100%;
    text-align: center;
    font-size: 40px;
    display: none
}

.bonus-element {
    position: absolute;
    top: 80%;
    width: calc(100% - 100px);
    text-align: center;
    color: #ffffff;
    margin-left: 50px;
    font-size: 1.4rem;
    font-family: arial;
    font-weight: bold;
    text-shadow: -1px 1px black, 1px -1px black, 1px 1px black, -1px -1px black;
    border-radius: 25px;
    display: none;
    -webkit-animation: pulseTouchToContinue 1s ease-in-out infinite alternate;
    animation: pulseTouchToContinue 1s ease-in-out infinite alternate
}

.result-text {
    position: absolute;
    top: 19%;
    font-size: 1.5rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.result-text.show {
    opacity: 1
}

@-webkit-keyframes encouragement {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    30% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes encouragement {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    30% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@-webkit-keyframes scoreAdded {
    from {
        -webkit-transform: translateY(0%) translateX(-50%);
        transform: translateY(0%) translateX(-50%);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-200%) translateX(-50%);
        transform: translateY(-200%) translateX(-50%);
        opacity: 0
    }
}

@keyframes scoreAdded {
    from {
        -webkit-transform: translateY(0%) translateX(-50%);
        transform: translateY(0%) translateX(-50%);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-200%) translateX(-50%);
        transform: translateY(-200%) translateX(-50%);
        opacity: 0
    }
}

@-webkit-keyframes feverModeText {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes feverModeText {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes pulseTouchToContinue {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes pulseTouchToContinue {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes appearCoins {
    from {
        opacity: 0;
        -webkit-transform: scale(5);
        transform: scale(5)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes appearCoins {
    from {
        opacity: 0;
        -webkit-transform: scale(5);
        transform: scale(5)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.settings {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: none
}

.settings.show {
    display: block
}

.settings .back-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
    padding: 10px
}

.settings .back-btn .icon {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.settings .back-btn .label {
    font-size: 1.4rem
}

.settings .top {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.settings .bottom {
    position: absolute;
    bottom: 11%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.stats {
    margin: 20px
}

.stats .label {
    position: relative;
    display: table;
    margin: auto;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.stats .label::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: white;
    border: 1px solid black
}

.stats .value {
    font-size: 2rem
}

.blue-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2364FE;
    border: none;
    padding: 15px 20px;
    font-size: 1.5rem;
    border-radius: 10px;
    -webkit-box-shadow: black 0px 3px;
    box-shadow: black 0px 3px;
    margin: 10px 0
}

.blue-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 10px;
    background-color: #4F82FF
}

.blue-btn p {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.blue-btn .icon {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 30px
}

body {
    display: block !important;
    margin: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#8AD0FF), color-stop(25%, #fff));
    background: linear-gradient(#8AD0FF 0%, #fff 25%);
    font-family: arial, 'code';
    overflow: hidden;
    pointer-events: initial
}

button {
    cursor: pointer;
    background-color: none
}

button.icon {
    border: none
}

p {
    margin: 0
}

.canvas {
    pointer-events: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loading {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    z-index: 999
}

.transition {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: black;
    opacity: 0;
    z-index: 998;
    pointer-events: none;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.transition.show {
    visibility: visible;
    opacity: 1
}

.level-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    opacity: 0;
    top: 10%;
    left: 50%;
    width: 80%;
    height: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.level-indicator.show {
    opacity: 1
}

.level-indicator .line {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-item-align: center;
    align-self: center;
    height: 10px;
    background: grey
}

.level-indicator .line.passed {
    background-color: rgba(0, 128, 0, 0.48)
}

.global-score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 1%;
    right: 4%
}

.global-score .icon {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-left: 10px
}

.global-score p {
    margin: 0;
    font-size: 1.8rem
}

.level-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    height: 40px;
    background: white;
    color: #5A595B;
    font-weight: bold;
    font-size: 1.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: #5A595B 0px 3px;
    box-shadow: #5A595B 0px 3px;
    border-radius: 10px
}

.level-block.actual {
    position: relative
}

.level-block.actual p {
    width: 100%;
    text-align: center;
    color: white;
    background-color: green;
    border: solid 3px white;
    border-radius: 10px;
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4)
}

.level-block.actual::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background-color: white;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-animation: pulse .8s infinite;
    animation: pulse .8s infinite
}

.level-block.passed {
    color: white;
    background-color: rgba(0, 128, 0, 0.48)
}

.bordered-text {
    color: #ffffff;
    font-weight: bold;
    text-shadow: -1px 1px black, 1px -1px black, 1px 1px black, -1px -1px black;
    pointer-events: none
}

.black-ribbon {
    width: 100%;
    background: rgba(0, 0, 0, 0.30196);
    border: none;
    padding: 0.4em 0;
    text-align: center
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}