@import url(https://fonts.googleapis.com/css?family=Bad+Script);
@import url("https://fonts.googleapis.com/css?family=Alex+Brush");
.btn-draw, .velo-slider__hint > span {
    font-family: "Bad Script", "fot-klee-pro";
    font-size: 0.8em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

body {
    margin: 0;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/**
 * Default to Border Box
 */
*,
*:after,
*:before {
    box-sizing: border-box;
}

/**
 * Links
 */
a {
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

.arrow {
    position: absolute;
    font-size: 20px;
    z-index: 10;
    top: -3px;
    right: -15px;
    color: rgba(255, 255, 255, 0.5);
    animation: arrowWiggle 1s ease-in-out infinite;
}

@media (max-width: 420px) {
    .arrow {
        top: 0;
    }
}

@keyframes arrowWiggle {
    0% {
        right: -15px;
    }
    50% {
        right: -5px;
    }
    100% {
        right: -15px;
    }
}

.btn-draw {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.4s ease-in-out;
}

.btn-draw {
    color: #00ffc8;
    margin-left: 2.3em;
}

.btn-draw:after {
    content: '';
    top: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #00ffc8;
}

.btn-draw:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -2.4em;
    height: 1px;
    width: 3em;
    background-color: #00ffc8;
    transition: all 0.25s ease;
}

.btn-draw .btn-draw__text {
    position: relative;
    display: block;
    padding: 0.7555em 2.29em;
    line-height: 1.5;
    transition: transform 0.5s ease;
}

.btn-draw .btn-draw__text:after, .btn-draw .btn-draw__text:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 0;
    background-color: #00ffc8;
}

.btn-draw .btn-draw__text:before {
    top: 0;
    left: 0;
    transition: width 0.15s 0.45s cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-draw .btn-draw__text:after {
    bottom: 0;
    right: 0;
    transition: width 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-draw .btn-draw__text > span:after, .btn-draw .btn-draw__text > span:before {
    content: '';
    position: absolute;
    height: 0;
    width: 1px;
    background-color: #00ffc8;
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}

.btn-draw .btn-draw__text > span:before {
    left: 0;
    bottom: 0;
    transition: height 0.15s 0 cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-draw .btn-draw__text > span:after {
    right: 0;
    top: 0;
    transition: height 0.15s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

@media (hover) {
    .btn-draw:hover,
    a:hover .btn-draw {
        cursor: pointer;
        color: #00ffc8;
    }
    .btn-draw:hover:before,
    a:hover .btn-draw:before {
        width: 0;
        transition: all 0.4s ease;
    }
    .btn-draw:hover .btn-draw__text,
    a:hover .btn-draw .btn-draw__text {
        transform: translateX(-2.2em);
        transition: transform 0.5s ease, width 1s ease;
    }
    .btn-draw:hover .btn-draw__text:before,
    a:hover .btn-draw .btn-draw__text:before {
        width: 100%;
        max-width: 100%;
        transition: width 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .btn-draw:hover .btn-draw__text:after,
    a:hover .btn-draw .btn-draw__text:after {
        width: 100%;
        transition: width 0.15s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .btn-draw:hover .btn-draw__text > span:before,
    a:hover .btn-draw .btn-draw__text > span:before {
        left: 0;
        height: 100%;
        transition: height 0.15s 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .btn-draw:hover .btn-draw__text > span:after,
    a:hover .btn-draw .btn-draw__text > span:after {
        right: 0;
        height: 100%;
        transition: height 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    }
}

.btn-draw.btn--white {
    color: #fff;
}

.btn-draw.btn--white:after, .btn-draw.btn--white:before,
.btn-draw.btn--white .btn-draw__text > span:after,
.btn-draw.btn--white .btn-draw__text > span:before,
.btn-draw.btn--white .btn-draw__text:after,
.btn-draw.btn--white .btn-draw__text:before {
    background-color: #fff;
}

.btn-draw.btn--white:hover,
a:hover .btn-draw.btn--white {
    color: #fff;
}

body {
    font-family: "Bad Script", "fot-klee-pro";
    line-height: 1.6;
}

body {
    font-size: 100%;
}

@media (min-width: 32em) {
    body {
        font-size: 102%;
    }
}

@media (min-width: 54em) {
    body {
        font-size: 103%;
    }
}

@media (min-width: 65em) {
    body {
        font-size: 107%;
    }
}

@media (min-width: 75em) {
    body {
        font-size: 110%;
    }
}

@media (min-width: 91em) {
    body {
        font-size: 120%;
    }
}

@media (min-width: 115em) {
    body {
        font-size: 130%;
    }
}

@media (min-width: 130em) {
    body {
        font-size: 140%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Bad Script", "fot-klee-pro";
    font-weight: 700;
}

.velo-slides {
    z-index: 8;
    position: relative;
    height: 100vh;
    background-color: #111;
}

.velo-slides[data-velo-slider="on"] {
    overflow: hidden;
}

.velo-slide {
    height: 100vh;
    z-index: 4;
}

@media (min-width: 54em) and (max-width: 65em) {
    .velo-slide {
        font-size: 80%;
    }
}

@media (min-width: 54em) and (min-height: 0) and (max-height: 45em) {
    .velo-slide {
        font-size: 70%;
    }
}

[data-velo-slider="on"] .velo-slide {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.velo-slide.is-active {
    z-index: 8;
}

.velo-slide__bg {
    z-index: 7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    color: #111;
    transform: translateZ(0);
    backface-visibility: hidden;
    background-color: #111;
    overflow: hidden;
}

.velo-slide__bg:after {
    z-index: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    background: #111;
}

.velo-slide__figure {
    z-index: 0;
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.is-hovering .velo-slide__figure {
    transform: scale(1.1);
    transition: transform 0.5s ease;
}

.velo-slide .figure-home {
    background-image: url("../img/home.jpg");
    background-position: 0 -70px;
}

@media (max-width: 420px) {
    .velo-slide .figure-home {
        background-position: 50%;
    }
}

.velo-slide .figure-introduction {
    background-image: url("../img/introduction.jpg");
}

.velo-slide .figure-timeschedule {
    background-image: url("../img/time-schedule.jpg");
    background-position: 0 -25px;
}

@media (max-width: 420px) {
    .velo-slide .figure-timeschedule {
        background-position: 50%;
    }
}

.velo-slide .figure-dresscode {
    background-image: url("../img/dress-code.jpg");
}

.velo-slide .figure-access {
    background-image: url("../img/access.jpg");
}

.velo-slide__vid-wrap {
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.velo-slide__vid-wrap:after {
    z-index: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    background: #111;
}

.is-hovering .velo-slide__vid-wrap {
    transform: scale(1.1);
    transition: transform 0.5s ease;
}

.velo-slide__vid {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}

.velo-slide__header {
    z-index: 9;
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    overflow-y: hidden;
    padding: 6%;
    margin-left: 40px;
}

@media (max-width: 420px) {
    .velo-slide__header {
        margin-left: 0;
    }
}

.velo-slide__pretitle {
    color: #fff;
    max-width: 22em;
}

@media (min-width: 54em) {
    .velo-slide__pretitle {
        margin-left: 7%;
    }
}

.velo-slide__title {
    margin-bottom: 0.1em;
    line-height: 1.1;
    color: #fff;
    letter-spacing: -0.025em;
    font-weight: 700;
    font-size: 2.25em;
}

.velo-slide__title .slide-title {
    font-size: 4.3rem;
    letter-spacing: 2px;
    -webkit-text-fill-color: #fff;
}

@media (max-width: 420px) {
    .velo-slide__title .slide-title {
        font-size: 1.4rem;
    }
    .velo-slide__title .slide-text {
        background: rgba(0, 0, 0, 0.4);
        padding-left: 20px;
    }
}

@media (min-width: 54em) {
    .velo-slide__title {
        font-size: 5em;
    }
}

@media (min-width: 65em) {
    .velo-slide__title {
        font-size: 5em;
    }
}

@media (min-width: 91em) {
    .velo-slide__title {
        font-size: 5em;
    }
}

.velo-slide__text {
    color: #fff;
    max-width: 30em;
    display: block;
    margin: 1em 0 1.5em 1%;
    font-size: 1.1em;
    line-height: 1.8;
    font-weight: 300;
}

.velo-slide__btn {
    opacity: 0;
    position: relative;
}

@media (min-width: 54em) {
    .velo-slide__btn {
        margin-left: 1vw;
    }
}

.is-active .velo-slide__btn {
    opacity: 1;
}

.velo-slide__btn > a > span {
    opacity: 0;
    overflow-y: hidden;
    transform: translate3d(0, 100%, 0);
}

.is-active .velo-slide__btn > a > span {
    opacity: 1;
    z-index: 9999;
    transform: translate3d(0, 0, 0);
    transition: transform 0.4s ease, opacity 0.8s ease;
}

.velo-slides[data-velo-theme="light"] {
    background: url("../img/main-bg-3.jpg");
    background-size: cover;
    border: 1em solid rgba(17, 17, 17, 0.9);
}

.velo-slides[data-velo-theme="light"] .velo-slide {
    margin-top: -1em;
}

[data-velo-theme="dark"] {
    background: #111;
}

[data-velo-theme="dark"] .velo-slides__bg {
    background-color: #111;
    filter: grayscale(100%);
}

.oh {
    display: block;
    overflow-y: hidden;
    padding: 0.5em 0 0.3em 0;
}

.oh span {
    display: inline-block;
    transform: translate3d(0, 140%, 0);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.8s ease;
}

.is-active .oh span {
    transform: translate3d(0, 0%, 0);
    opacity: 1;
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease;
}

.is-active .oh:nth-of-type(2n) span {
    transition-delay: 0.2s;
}

.border,
.border span,
.border:after,
.border:before {
    z-index: 91;
    position: fixed;
    background-color: currentColor;
    transition: 0.35s ease-in-out;
}

.is-hovering .border, .is-hovering
.border span, .is-hovering
.border:after, .is-hovering
.border:before {
    transition: 0.5s ease-in-out;
}

.velocity-animating .border, .velocity-animating
.border span, .velocity-animating
.border:after, .velocity-animating
.border:before {
    transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.border {
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.7;
    height: 0;
}

@media (min-width: 54em) {
    .border {
        height: 6vw;
    }
}

@media (min-width: 91em) {
    .border {
        height: 6vw;
    }
}

@media (min-width: 115em) {
    .border {
        height: 6vw;
    }
}

.is-hovering .border {
    height: 0;
}

.velocity-animating .border {
    height: 8vw;
}

@media (min-width: 54em) {
    .velocity-animating .border {
        height: 12vw;
    }
}

.border:before {
    content: '';
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    width: 0;
}

@media (min-width: 54em) {
    .border:before {
        width: 6vw;
    }
}

@media (min-width: 91em) {
    .border:before {
        width: 6vw;
    }
}

@media (min-width: 115em) {
    .border:before {
        width: 6vw;
    }
}

.is-hovering .border:before {
    width: 0;
}

.velocity-animating .border:before {
    width: 8vw;
}

@media (min-width: 54em) {
    .velocity-animating .border:before {
        width: 12vw;
    }
}

.border:after {
    content: '';
    bottom: 0;
    right: 0;
    height: 100%;
    width: 0;
    width: 0;
}

@media (min-width: 54em) {
    .border:after {
        width: 6vw;
    }
}

@media (min-width: 91em) {
    .border:after {
        width: 6vw;
    }
}

@media (min-width: 115em) {
    .border:after {
        width: 6vw;
    }
}

.is-hovering .border:after {
    width: 0;
}

.velocity-animating .border:after {
    width: 8vw;
}

@media (min-width: 54em) {
    .velocity-animating .border:after {
        width: 12vw;
    }
}

.border span {
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    height: 0;
}

@media (min-width: 54em) {
    .border span {
        height: 6vw;
    }
}

@media (min-width: 91em) {
    .border span {
        height: 6vw;
    }
}

@media (min-width: 115em) {
    .border span {
        height: 6vw;
    }
}

.is-hovering .border span {
    height: 0;
}

.velocity-animating .border span {
    height: 8vw;
}

@media (min-width: 54em) {
    .velocity-animating .border span {
        height: 12vw;
    }
}

.velo-slider__hint {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    height: 100vh;
    width: 4em;
    font-size: 0.9em;
    color: #fff;
}

@media (min-width: 54em) {
    .velo-slider__hint {
        display: block;
    }
}

.velo-slider__hint > span {
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%) rotate(-90deg);
    overflow: hidden;
}

.velo-slider__hint > span > span {
    display: inline-block;
    transform: translateY(-110%);
}

.is-active .velo-slider__hint > span > span {
    opacity: 1;
    top: 50%;
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translateY(0%);
    transition: 0.4 ease;
}

.velo-slides-nav {
    /* lateral navigation */
    position: fixed;
    z-index: 91;
    right: 3%;
    bottom: 1em;
}

@media (min-width: 54em) {
    .velo-slides-nav {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
}

.velo-slides-nav__list {
    list-style: none;
}

.velo-slides-nav li:first-child {
    margin-bottom: 0.25em;
}

.velo-slides-nav a {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    transition: color 0.5s ease, text-shadow 0.5s ease;
    z-index: 50;
}

.velo-slides-nav a:hover {
    color: white;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
    transition: color 0.5s ease, text-shadow 0.5s ease;
}

.velo-slides-nav a.inactive {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s 0s, visibility 0s 0.2s;
}

.velo-slides-nav i {
    font-size: 2.2em;
}

@media (min-width: 54em) {
    .velo-slides-nav i {
        font-size: 1.5em;
    }
}

@media (max-width: 420px) {
    .velo-slides-nav i {
        font-size: 1.2em;
    }
}

@font-face {
    font-family: 'ssicons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ssicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down-chev:before {
    content: "\e900";
}

.icon-right-chev:before {
    content: "\e901";
}

.icon-up-chev:before {
    content: "\e902";
}

.icon-left-chev:before {
    content: "\e903";
}

.icon-up-arrow:before {
    content: "\e904";
}

.icon-down-arrow:before {
    content: "\e905";
}

.icon-left-arrow:before {
    content: "\e906";
}

.icon-right-arrow:before {
    content: "\e907";
}

/* velocity overlay style*/
body {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#openning-container {
    background: -webkit-radial-gradient(50% 50%, ellipse, #20202D 0%, #101018 75%, #060612 100%);
    background: -moz-radial-gradient(50% 50%, ellipse, #20202D 0%, #101018 75%, #060612 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

#openning-container a,
#openning-container p {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
    font-family: Courier, monospace;
    font-smoothing: antialiased;
    margin: 0.8em 0;
    font-size: 18px;
    color: #B95;
}

#openning-container .ghost,
#openning-container .glitch {
    opacity: 0.25;
}

#openning-container #message {
    margin-left: -300px;
    margin-top: -170px;
    position: absolute;
    height: 260px;
    width: 600px;
    left: 50%;
    top: 50%;
}

#openning-container #animate {
    text-shadow: 0 0 8px rgba(209, 194, 165, 0.1);
    position: absolute;
    color: #4f4228;
    bottom: -60px;
}

@media (max-width: 420px) {
    #openning-container #message {
        margin-left: -170px;
        margin-top: -100px;
    }
    #openning-container #message * {
        font-size: 12px;
    }
    #openning-container #animate {
        bottom: 0;
    }
}

#openning-container:before {
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDRCNjE4NDcxMDgzMTFFMkFGQkM4MzE4NzI4RjhBMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDRCNjE4NDgxMDgzMTFFMkFGQkM4MzE4NzI4RjhBMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENEI2MTg0NTEwODMxMUUyQUZCQzgzMTg3MjhGOEEyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENEI2MTg0NjEwODMxMUUyQUZCQzgzMTg3MjhGOEEyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp/mixwAABMrSURBVHjaNNrnrptV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");
}

.velo-slides-nav__list li a {
    margin: 15px auto;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 100px;
    padding: 15px 20px;
    border: 0px solid #000;
}

/* Initiate Auto-Pulse animations */
.pulse-button {
    animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
}

/* Initiate color change for pulse-on-hover */
.pulse-button-hover {
    animation: colorShift 10000ms infinite ease-in;
}

/* Continue animation and add shine on hover */
.pulse-button:hover,
.pulse-button:focus {
    animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in, hoverShine 200ms;
}

/* Declate color shifting animation */
@keyframes colorShift {
    0%, 100% {
        background: transparent;
    }
    33% {
        background: transparent;
    }
    66% {
        background: transparent;
    }
}

/* Declare border pulse animation */
@keyframes borderPulse {
    0% {
        box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.4), 0px 0px 0px 0px white;
    }
    100% {
        box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255, 0.2), 0px 0px 0px 10px rgba(255, 255, 255, 0);
    }
}

/* Declare shine on hover animation */
@keyframes hoverShine {
    0% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    }
    50% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    }
    100% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
    }
}