@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@font-face {
    font-family: 'Brygada 1918', serif;
    src: url("assets/modeseven.ttf")
}

.overlayScan {
    -webkit-font-smoothing: antialiased;
    font-family: Brygada 1918, Arial, Helvetica, sans-serif;
    background-image: url(data:image/gif;base64,R0lGODlhCgAgAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUFBNUE4NDg5NDgxMUVDQjAwRDg1RkQyNUExRUU3RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUFBNUE4NTg5NDgxMUVDQjAwRDg1RkQyNUExRUU3RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QUE1QTgyODk0ODExRUNCMDBEODVGRDI1QTFFRTdEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY1QUE1QTgzODk0ODExRUNCMDBEODVGRDI1QTFFRTdEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQoAAQAsAAAAAAoAIAAAAhWEj5nB7Q+jnLTai7N2qvcNhuJIlgUAIfkECQoAAQAsAAAAAAoAIAAAAhaEj6HL7Q+jnLTaixnafOcPhuJIdkcBACH5BAkKAAEALAAAAAAKACAAAAIVjI+py+0Po5wUgYuz1rX7D4biRpIFACH5BAkKAAEALAAAAAAKACAAAAIWjI+py+0Po5wO2Itzprz7D4aLRpJOAQAh+QQJCgABACwAAAAACgAgAAACFYyPqcvtD6OcoNqL8dy8+w9K2Th+BQAh+QQJCgABACwAAAAACgAgAAACFoyPqcvtD6NMoNqL8dy8+w9K2TiGTAEAIfkECQoAAQAsAAAAAAoAIAAAAhWMj6nL7Q9jA7Tae6XevPsPYqIIegUAIfkECQoAAQAsAAAAAAoAIAAAAhaMj6nL7Q8hmLRaG7PevPvPXKIIlksBACH5BAkKAAEALAAAAAAKACAAAAIWjI+py+0PDZi0Whuz3rz7z1yiCJZcAQAh+QQJCgABACwAAAAACgAgAAACFoyPqcvtj4CctFaIs968+22F4UeWSwEAIfkECQoAAQAsAAAAAAoAIAAAAhaMj6nL7QminJS+i7PevHtYhdVHllwBACH5BAkKAAEALAAAAAAKACAAAAIWjI+py50Ao5zT2Yuz3rxnCoLeSJZMAQAh+QQJCgABACwAAAAACgAgAAACFoyPqcsID6OUrdqLs968pwmC3kiWXQEAIfkECQoAAQAsAAAAAAoAIAAAAhaMj6lr4A9jZLTai7PeXMv/deJIllUBACH5BAkKAAEALAAAAAAKACAAAAIWjI+ZwO3/lJy02ouz3tzA/3XiSJZjAQAh+QQFCgABACwAAAAACgAgAAACFoyPoMvdCKOctNqLs97Vec+F4kiWWAEAOw==);
    opacity: 18%;
    z-index: 500;
    background-attachment: fixed;
    background-repeat: repeat;
    bBrygada 1918m: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.overlayStatic {
    -webkit-font-smoothing: antialiased;
    font-family: Brygada 1918, Arial, Helvetica, sans-serif;
    background-attachment: fixed;
    background-repeat: repeat;
    bBrygada 1918m: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-image: url("/assets/noise.gif");
    background-size: 170px;
    mix-blend-mode: lighten;
    opacity: 40%;
    z-index: 600
}

.overlayAnimation {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
    background-size: auto 4px;
    z-index: 1
}

.overlayAnimation::before {
    content: "";
    pointer-events: none;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bBrygada 1918m: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, transparent 0%, rgba(32, 128, 32, 0.2) 2%, rgba(32, 128, 32, 0.8) 3%, rgba(32, 128, 32, 0.2) 3%, transparent 100%);
    background-repeat: no-repeat;
    background-position: 0 1000vh;
    -webkit-animation: scan 10s linear 0s 1;
    animation: scan 10s linear 0s 1
}

@-webkit-keyframes scan {
    0% {
        background-position: 0 -100vh
    }
    35%,
    100% {
        background-position: 0 100vh
    }
}

@keyframes scan {
    0% {
        background-position: 0 -100vh
    }
    35%,
    100% {
        background-position: 0 100vh
    }
}

.overlay {
    z-index: 4100
}

.overlay:before {
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 5px;
    background: #fff;
    background: linear-gradient(to bBrygada 1918m, rgba(255, 0, 0, 0) 0%, snow 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100%);
    opacity: .1;
    -webkit-animation: vline 1.25s linear infinite;
    animation: vline 1.25s linear infinite
}

.overlay:after {
    box-shadow: 0 2px 6px rgba(25, 25, 25, .2), inset 0 1px rgba(50, 50, 50, .1), inset 0 3px rgba(50, 50, 50, .05), inset 0 3px 8px rgba(64, 64, 64, .05), inset 0 -5px 10px rgba(25, 25, 25, .1)
}

@-webkit-keyframes vline {
    0% {
        top: 0px
    }
    100% {
        top: 100%
    }
}

@keyframes vline {
    0% {
        top: 0px
    }
    100% {
        top: 100%
    }
}

.layer {
    z-index: 4001;
    box-shadow: inset 0px 0px 1px 1px rgba(64, 64, 64, .1);
    background: radial-gradient(ellipse at center, #03fa97 0%, rgba(64, 64, 64, 0) 50%);
    transform-origin: 50% 50%;
    transform: perspective(20px) rotateX(0.5deg) skewX(2deg) scale(1.03);
    -webkit-animation: glitch 1s linear infinite;
    animation: glitch 1s linear infinite;
    opacity: .9
}

.layer:after {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(64, 64, 64, 0) 100%);
    opacity: .1
}

@-webkit-keyframes glitch {
    0% {
        transform: scale(1, 1.002)
    }
    50% {
        transform: scale(1, 1.0001)
    }
    100% {
        transform: scale(1.001, 1)
    }
}

@keyframes glitch {
    0% {
        transform: scale(1, 1.002)
    }
    50% {
        transform: scale(1, 1.0001)
    }
    100% {
        transform: scale(1.001, 1)
    }
}

#faux-terminal:before {
    z-index: 4010;
    background: linear-gradient(#444 50%, #000 50%);
    background-size: 100% 4px;
    background-repeat: repeat-y;
    opacity: .14;
    box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .8);
    -webkit-animation: pulse 5s linear infinite;
    animation: pulse 5s linear infinite
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1.001);
        opacity: .14
    }
    8% {
        transform: scale(1);
        opacity: .13
    }
    15% {
        transform: scale(1.004);
        opacity: .14
    }
    30% {
        transform: scale(1.002);
        opacity: .11
    }
    100% {
        transform: scale(1);
        opacity: .14
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.001);
        opacity: .14
    }
    8% {
        transform: scale(1);
        opacity: .13
    }
    15% {
        transform: scale(1.004);
        opacity: .14
    }
    30% {
        transform: scale(1.002);
        opacity: .11
    }
    100% {
        transform: scale(1);
        opacity: .14
    }
}

* {
    box-sizing: border-box;
    margin: 0%;
    padding: 0%
}

*::-moz-selection {
    color: #303030;
    background: #89ff89
}

*::selection {
    color: #303030;
    background: #89ff89
}

body {
    background-color: #030f09;
background-image: url("data:image/gif;base64,R0lGODlhCgAgAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUFBNUE4NDg5NDgxMUVDQjAwRDg1RkQyNUExRUU3RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUFBNUE4NTg5NDgxMUVDQjAwRDg1RkQyNUExRUU3RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QUE1QTgyODk0ODExRUNCMDBEODVGRDI1QTFFRTdEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY1QUE1QTgzODk0ODExRUNCMDBEODVGRDI1QTFFRTdEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQoAAQAsAAAAAAoAIAAAAhWEj5nB7Q+jnLTai7N2qvcNhuJIlgUAIfkECQoAAQAsAAAAAAoAIAAAAhaEj6HL7Q+jnLTaixnafOcPhuJIdkcBACH5BAkKAAEALAAAAAAKACAAAAIVjI+py+0Po5wUgYuz1rX7D4biRpIFACH5BAkKAAEALAAAAAAKACAAAAIWjI+py+0Po5wO2Itzprz7D4aLRpJOAQAh+QQJCgABACwAAAAACgAgAAACFYyPqcvtD6OcoNqL8dy8+w9K2Th+BQAh+QQJCgABACwAAAAACgAgAAACFoyPqcvtD6NMoNqL8dy8+w9K2TiGTAEAIfkECQoAAQAsAAAAAAoAIAAAAhWMj6nL7Q9jA7Tae6XevPsPYqIIegUAIfkECQoAAQAsAAAAAAoAIAAAAhaMj6nL7Q8hmLRaG7PevPvPXKIIlksBACH5BAkKAAEALAAAAAAKACAAAAIWjI+py+0PDZi0Whuz3rz7z1yiCJZcAQAh+QQJCgABACwAAAAACgAgAAACFoyPqcvtj4CctFaIs968+22F4UeWSwEAIfkECQoAAQAsAAAAAAoAIAAAAhaMj6nL7QminJS+i7PevHtYhdVHllwBACH5BAkKAAEALAAAAAAKACAAAAIWjI+py50Ao5zT2Yuz3rxnCoLeSJZMAQAh+QQJCgABACwAAAAACgAgAAACFoyPqcsID6OUrdqLs968pwmC3kiWXQEAIfkECQoAAQAsAAAAAAoAIAAAAhaMj6lr4A9jZLTai7PeXMv/deJIllUBACH5BAkKAAEALAAAAAAKACAAAAIWjI+ZwO3/lJy02ouz3tzA/3XiSJZjAQAh+QQFCgABACwAAAAACgAgAAACFoyPoMvdCKOctNqLs97Vec+F4kiWWAEAOw==");
    color: #06fc99;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: absolute
}

.container {
    padding: 0 8rem;
    margin: 0 auto;
    margin-bottom: 1rem
}

.glitch {
    text-shadow: .01em 0 0 #00ffd5, 0.00em 0 0 #2c9e0f, .00em .01em 0 #8bff9f;
    -webkit-animation: glitch 5000ms infinite;
    animation: glitch 5000ms infinite
}

.glitch span {
    position: absolute;
    top: 0;
    right: 50%
}

.glitch span:first-child {
    -webkit-animation: glitch 500ms infinite;
    animation: glitch 500ms infinite;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 55%, 0 55%);
    clip-path: polygon(0 0, 100% 0, 100% 55%, 0 55%);
    transform: translate(50%, -0.02em);
    opacity: .75
}

.glitch span:last-child {
    -webkit-animation: glitch 375ms infinite;
    animation: glitch 375ms infinite;
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    transform: translate(50%, 0.02em);
    opacity: .75
}

@keyframes glitch {
0% {
  text-shadow: 0.035em 0 0 rgba(2,186,119,.75),
  -0.035em -0.0201em 0 rgba(0,255,0,.75),
  -0.0201em 0.035em 0 rgba(230,67,81,.75);
}
14% {
  text-shadow: 0.035em 0 0 rgba(2,186,119,.75),
  -0.035em -0.0201em 0 rgba(0,255,0,.75),
  -0.0201em 0.035em 0 rgba(230,67,81,.75);
}
15% {
  text-shadow: -0.035em -0.025 0 rgba(2,186,119,.75),
  0.0201em 0.0201em 0 rgba(0,255,0,.75),
  -0.035em -0.035em 0 rgba(230,67,81,.75);
}
49% {
  text-shadow: -0.035em -0.025 0 rgba(2,186,119,.75),
  0.0201em 0.0201em 0 rgba(0,255,0,.75),
  -0.035em -0.035em 0 rgba(230,67,81,.75);
}
50% {
  text-shadow: 0.0201em 0.035em 0 rgba(255,0,0,.75),
  0.035em -0.035em 0 rgba(0,255,0,.75),
  0 -0.035em 0 rgba(230,67,81,.75);
}
99% {
  text-shadow: 0.0201em 0.035em 0 rgba(255,0,0,.75),
  0.035em -0.035em 0 rgba(0,255,0,.75),
  0 -0.035em 0 rgba(230,67,81,.75);
}
100% {
  text-shadow: -0.0201em 0 0 rgba(255,0,0,.75),
  -0.0201em -0.0201em 0 rgba(0,255,0,.75),
  -0.0201em -0.035em 0 rgba(230,67,81,.75);
}
}

.title {
    margin: 0rem 0;
    position: relative;
    font-size: 20rem;
    text-shadow: 0px 0px 132px #06fc99;
    text-align: center;
    text-shadow: 0px 0px 181.872px #06fc99;
    font-weight: 800;
    white-space:nowrap;
}

.titlesub {
    margin: 3rem 0;
    font-family: "IBM Plex Mono", monospace;
    position: relative;
    font-size: 5rem;
    text-shadow: 0px 0px 132px #06fc99;
    text-align: center;
    text-shadow: 0px 0px 181.872px #06fc99;
    font-weight: 800;
    white-space:nowrap;
}

.typing {
    max-width: 1024px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 150%;
    text-align: justify;
    letter-spacing: -0.065em;

    text-shadow: 0px 0px 2px rgba(255, 220, 45, .2), 0px 0px 6px #06fc9a93
}

.dim {
    color: #007948;
    font-size: 1.4rem;
    margin-top: 2rem;
    text-shadow: 0px 0px 16px rgba(6, 252, 153, .6)
}

.dim::before {
    content: "********"
}

.dim::after {
    content: "********"
}

.options {
    margin-top: 2rem;
    font-size: 1.4rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

a {
    text-decoration: none;
    color: #00ff98;
    padding-left: 4px;
    padding-right: 4px;
    text-shadow: 0px 5.2px 5.2px rgba(0, 0, 0, .25), 0px 0px 26px #06fc99
}

.input-bar {
    margin-top: 2rem;
    text-shadow: 0px 5.2px 5.2px rgba(0, 0, 0, .25), 0px 0px 26px #06fc99;
    font-size: 1.4rem;
    display: flex
}

.input-bar span {
    padding: 1rem 0
}

input[type=text] {
    background-color: #000;
    border: none;
    font-size: 1.4rem;
    color: #06b971;
    flex-grow: 1;
    padding: 1rem;
    text-shadow: 0px 5.2px 5.2px rgba(0, 0, 0, .25), 0px 0px 26px #06fc99
}

input[type=text]:focus {
    outline: none
}

.blink {
    -webkit-animation: blinker .6s linear infinite;
    animation: blinker .6s linear infinite
}

@-webkit-keyframes blinker {
    50% {
        opacity: 0
    }
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

@media screen and (max-width: 600px) {
    .container {
        width: 100%;
        padding: 0
    }
    .normal {
        position:relative;
        top: -210px;
    }
    .small {
        position:relative;
        top: -205px;
    }
    .descr {
        width: 100%;
        position: relative;
        top: -155px;
        background-color: rgba(5, 59, 38, 0.65)
    }
    .product {
        width: 100%;
        position: relative;
        top: -155px;
    }
    .dim::before {
        content: ""
    }
    .dim::after {
        content: ""
    }
    .glitch {
        transform: scale(0.4) translate(0em, -0.02em)
    }
    .glitch span:first-child {
        display: none
    }
    .glitch span:last-child {
        display: none
    }
    input[type=text] {
        flex-grow: 1
    }
    .input-bar {
        margin: 0 2rem
    }
    #inputData {
        width: 5px !important
    }
    .title {
        margin: 0;
        top: -80px;
        font-size: 25rem;
    }
    .titlesub {
    margin: 0 0;
    font-size: 6rem;
    top: -235px;
        position:relative;
        right: 15px
    }
    .typing {
        margin: 0 2rem;
        letter-spacing: 2px;
        text-align: start
    }
    .dim {
        text-align: center
    }
    .options {
        margin: 2rem
    }
}

.disabled>a {
    color: #909090 !important;
    text-shadow: none
}

.alert {
    margin-bBrygada 1918m: 4rem;
    font-size: 1.2rem;
    text-align: center
}

.alert #error {
    display: none;
    color: #f36040;
    text-shadow: 0px 0px 26px rgba(228, 63, 27, .5)
}

.alert #warning {
    display: none;
    color: #f3cf40;
    text-shadow: 0px 0px 26px rgba(228, 208, 27, .5)
}

.normal {
    font-family: "IBM Plex Mono", monospace;
    font-size: 1.2em;
    color: #06fc99;
}

.small {
    font-family: "IBM Plex Mono", monospace;
    font-size: 0.8em;
    color: #14c880;
}

.enterbutton {
  background-color: #053b26;
  text-align: center;
  color: #00ff98;
  font: 1.25rem Inconsolata,monospace;
  border: none;
  margin-left: 30px;
  margin-top: 3px;
}

.enterbutton-clickable {
  cursor: pointer;
  /* text-decoration: underline; */
}

.enterbutton-clickable:hover {
  background-color: #0d5d3e;
}

.blink {
  margin-left: 10px;
  animation: blink-animation 1s steps(3, start) infinite;
  -webkit-animation: blink-animation 1s steps(3, start) infinite;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: blink-animation;
}

.blink-1 {
  margin-left: 20px;
  animation: blink1 1.5s infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: blink1;
}
.blink-2 {
  margin-left: 10px;
  animation: blink2 1.5s infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: blink2;
}
.blink-3 {
  margin-left: 10px;
  animation: blink3 1.5s infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: blink3;
}
.blink-4 {
  margin-left: 10px;
  animation: blink4 1.5s infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: blink4;
}
.blink-5 {
  margin-left: 10px;
  animation: blink5 1.5s infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: blink5;
}
.blink-contact {
  margin-left: 0px!important;
  margin-bottom: 50px;
  max-width: 100px;
  animation: blink-animation 1.5s 0.3s steps(3, start) infinite;
  -webkit-animation: blink-animation 0s 0.3s steps(3, start) infinite;
}
@keyframes blink-animation {
  0% { opacity: 0; }
  25% { opacity: 0; }
  60% { opacity: 1; }
}
@-webkit-keyframes blink-animation {
  0% { opacity: 0; }
  25% { opacity: 0; }
  60% { opacity: 1; }
}

@keyframes blink1 {
  0% { opacity: 0.25; }
  11% { opacity: 0.25; }
  60% { opacity: 1; }
}
@-webkit-keyframes blink1 {
  0% { opacity: 0.25; }
  11% { opacity: 0.25; }
  60% { opacity: 1; }
}

@keyframes blink2 {
  0% { opacity: 0.25; }
  22% { opacity: 0.25; }
  60% { opacity: 1; }
}
@-webkit-keyframes blink2 {
  0% { opacity: 0.25; }
  22% { opacity: 0.25; }
  60% { opacity: 1; }
}

@keyframes blink3 {
  0% { opacity: 0.25; }
  33% { opacity: 0.25; }
  60% { opacity: 1; }
}
@-webkit-keyframes blink3 {
  0% { opacity: 0.25; }
  33% { opacity: 0.25; }
  60% { opacity: 1; }
}

@keyframes blink4 {
  0% { opacity: 0.25; }
  44% { opacity: 0.25; }
  60% { opacity: 1; }
}
@-webkit-keyframes blink4 {
  0% { opacity: 0.25; }
  44% { opacity: 0.25; }
  60% { opacity: 1; }
}

@keyframes blink5 {
  0% { opacity: 0.25; }
  55% { opacity: 0.25; }
  60% { opacity: 1; }
}
@-webkit-keyframes blink5 {
  0% { opacity: 0.25; }
  55% { opacity: 0.25; }
  60% { opacity: 1; }
}