#core-button {
    cursor: pointer;
    transition: opacity 1s ease;
    opacity: 0;
}
#core-button:hover path {
    fill: white !important;
}
#core-button > path {
    stroke: white !important;
}
#core-button path {
    transition: stroke 0.3s ease, fill 0.3s ease;
}
#core-button:hover > path {
    fill: transparent !important;
}
#core-button.core-button-show {
    opacity: 1;
}
#core-notice {
    opacity: 0;
    transition: opacity 0.8s ease, transform 1s ease;
    transform: translateY(10px);
}
#core-notice.core-notice-show {
    opacity: 1;
    transform: translateY(0);
}
#speed-cursor, #speed-filled {
    transform-box: fill-box;
    transform-origin: -8px 115px;
    animation-name: speed;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
#speed-filled {
    transform-origin: 115px 126px;
}

#chip-signal1, #chip-signal2, #chip-signal3, #chip-signal4, #chip-signal5, #chip-signal6, #chip-signal7, #chip-signal8, #chip-signal9, #chip-signal10, #chip-signal11, #chip-signal12, #chip-signal13, #chip-signal14, #chip-signal15, #chip-signal16, #chip-signal17, #chip-signal18, #chip-signal19 {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-delay: 1.5s;
}
#chip-signal19, #chip-signal18, #chip-signal17 {
    animation-delay: 0s !important;
}

#chip-signal1 {
    animation-name: signal1;
}
#chip-signal2 {
    animation-name: signal2;
}
#chip-signal3 {
    animation-name: signal3;
}
#chip-signal4 {
    animation-name: signal4;
}
#chip-signal5 {
    animation-name: signal5;
}
#chip-signal6 {
    animation-name: signal6;
}
#chip-signal7 {
    animation-name: signal7;
}
#chip-signal8 {
    animation-name: signal8;
}
#chip-signal9 {
    animation-name: signal9;
}
#chip-signal10 {
    animation-name: signal10;
}
#chip-signal11 {
    animation-name: signal11;
}
#chip-signal12 {
    animation-name: signal12;
}
#chip-signal13 {
    animation-name: signal13;
}
#chip-signal14 {
    animation-name: signal14;
}
#chip-signal15 {
    animation-name: signal15;
}
#chip-signal16 {
    animation-name: signal16;
}
#chip-signal17 {
    animation-name: signal17;
}
#chip-signal18 {
    animation-name: signal18;
}
#chip-signal19 {
    animation-name: signal19;
}

@keyframes speed {
    0% {
        transform: rotate(0deg);
    }
    20% {
        transform: rotate(40deg);
    }
    30% {
        transform: rotate(20deg);
    }
    50% {
        transform: rotate(35deg);
    }
    60% {
        transform: rotate(10deg);
    }
    70% {
        transform: rotate(35deg);
    }
    80% {
        transform: rotate(40deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes signal17 {
    0% {
        transform: translate(0, 0px);
    }
    10% {
        transform: translate(0, -49px);
    }
    20% {
        transform: translate(77px, -49px);
    }
    100% {
        transform: translate(77px, -49px);
    }
}

@keyframes signal18 {
    0% {
        transform: translate(0, 0px);
    }
    10% {
        transform: translate(0, 62px);
    }
    20% {
        transform: translate(110px, 62px);
    }
    100% {
        transform: translate(110px, 62px);
    }
}

@keyframes signal19 {
    0% {
        transform: translate(0, 0px);
    }
    26% {
        transform: translate(75px, 0px);
    }
    100% {
        transform: translate(75px, 0px);
    }
}

@keyframes signal1 {
    0% {
        transform: translate(67px, 20px);
    }
    10% {
        transform: translate(67px, 0px);
    }
    20% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes signal2 {
    0% {
        transform: translate(41px, 35px);
    }
    10% {
        transform: translate(41px, 0px);
    }
    20% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
@keyframes signal3 {
    0% {
        transform: translate(32px, 100px);
    }
    10% {
        transform: translate(32px, 50px);
    }
    15% {
        transform: translate(0px, 50px);
    }
    20% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}
@keyframes signal4 {
    0% {
        transform: translate(0, 70px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal5 {
    0% {
        transform: translate(0, 130px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal6 {
    0% {
        transform: translate(-43px, 130px);
    }
    10% {
        transform: translate(-43px, 30px);
    }
    15% {
        transform: translate(0px, 30px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal7 {
    0% {
        transform: translate(-60px, 60px);
    }
    15% {
        transform: translate(-60px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal8 {
    0% {
        transform: translate(-60px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal9 {
    0% {
        transform: translate(-55px, -53px);
    }
    15% {
        transform: translate(0px, -53px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal10 {
    0% {
        transform: translate(-59px, -60px);
    }
    15% {
        transform: translate(-59px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal11 {
    0% {
        transform: translate(-55px, -90px);
    }
    15% {
        transform: translate(-55px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal12 {
    0% {
        transform: translate(0, -90px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal13 {
    0% {
        transform: translate(45px, -130px);
    }
    15% {
        transform: translate(45px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal14 {
    0% {
        transform: translate(0, -110px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal15 {
    0% {
        transform: translate(42px, -120px);
    }
    15% {
        transform: translate(42px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}
@keyframes signal16 {
    0% {
        transform: translate(49px, -50px);
    }
    15% {
        transform: translate(49px, 0px);
    }
    20% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, 0px);
    }
}


























#code-line1, #code-line2, #code-line3, #code-line4, #code-line5 {
    animation: code-line 10s ease-in-out;
    animation-iteration-count: infinite;
    opacity: 0;
}
#code-line1 {
    transform-origin: 90px 120px;
}
#code-line2 {
    animation-delay: 0.5s;
    transform-origin: 190px 120px;
}
#code-line3 {
    animation-delay: 1s;
    transform-origin: 315px 120px;
}
#code-line4 {
    animation-delay: 1.5s;
    transform-origin: 115px 165px;
}
#code-line5 {
    animation-delay: 2s;
    transform-origin: 240px 165px;
}

#code-tag1 {
    animation: code-tag1 10s ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    transform: translateY(60px);
}
#code-tag2 {
    animation: code-tag2 10s ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    transform: translateY(-60px);
}

@keyframes code-tag1 {
    0% {
        transform: translateY(60px);
    }
    10% {
        transform: translateY(0);
    }
    70% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(60px);
    }
    100% {
        transform: translateY(60px);
    }
}
@keyframes code-tag2 {
    0% {
        transform: translateY(-60px);
    }
    10% {
        transform: translateY(0);
    }
    70% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(-60px);
    }
    100% {
        transform: translateY(-60px);
    }
}

@keyframes code-line {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }
    20% {
        opacity: 0;
        transform: scale(1.2);
    }
    25% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    55% {
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}







.block:hover {
    transform: translateY(-5px);
}
.block:hover i {
    animation: scale 0.8s ease-in-out;
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    33% {
        transform: scale(0.9);
    }
    66% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}










.layer.layer-name-czech .layer-image div::before {
    content: "";
    width: 300px;
    height: 20px;
    position: absolute;
    z-index: 999;
    background-color: #e5e5e54a;
    transform: translate(200px, 200px) rotate(-50deg);
    animation: shine 4s ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
#czech-mark {
    animation: czech-mark 4s ease-in-out;
    animation-iteration-count: infinite;
    transform-origin: 156px 101px;
}
@keyframes shine {
    0% {
        transform: rotate(-60deg) translate(200px, 270px);
    }
    60% {
        transform: rotate(-60deg) translate(-200px, -280px);
    }
    100% {
        transform: rotate(-60deg) translate(-200px, -280px);
    }
}
@keyframes czech-mark {
    0% {
        opacity: 0;
        transform: scale(1.2) rotate(10deg);
    }
    8% {
        opacity: 0.8;
        transform: scale(0.8) rotate(-10deg);
    }
    16% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    72% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    80% {
        opacity: 0;
        transform: scale(1.2) rotate(10deg);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) rotate(10deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    33% {
        transform: rotate(360deg);
    }
    66% {
        transform: rotate(720deg);
    }
    100% {
        transform: rotate(1080deg);
    }
}




#computer-head {
    animation: computer-head 5s ease-in-out;
    animation-iteration-count: infinite;
    transform-origin: 150px 150px;
}
#computer-arm {
    animation: computer-arm 10s ease-in-out;
    animation-iteration-count: infinite;
    transform-origin: 250px 220px;
}

@keyframes computer-head {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(3deg);
    }
    50% {
        transform: rotate(-2deg);
    }
    70% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes computer-arm {
    0% {
        transform: rotate(0deg);
    }
    12% {
        transform: rotate(-130deg);
    }
    24% {
        transform: rotate(-120deg);
    }
    36% {
        transform: rotate(-125deg);
    }
    48% {
        transform: rotate(-120deg);
    }
    60% {
        transform: rotate(0deg);
    }
    70% {
        transform: rotate(3deg);
    }
    80% {
        transform: rotate(-2deg);
    }
    90% {
        transform: rotate(1deg);
    }
    100% {
        transform: rotate(0deg);
    }
}