@import url('https://fonts.googleapis.com/css?family=Montserrat:900&display=swap&subset=cyrillic');

body {
    margin: 0;
    padding: 0;
}

header {
    position: relative;
    overflow: hidden;
}
header::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    background-color: red;
    animation: bg-colorfully 10s linear infinite alternate;
    z-index: 1;
}
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.header-text {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    padding: 0 2rem;
    font-size: 3rem;
    color: black;
    background: white;
    mix-blend-mode: screen;
}

.app {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgb(150,145,255);
    background: linear-gradient(150deg, #7671ff 0%, #ffcdfd 100%);
}
.app-mb {
    margin-bottom: 2rem;
}
.app-title,
.app-subtitle {
    color: white;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 2px 2px 2px black;
}
.app-title {
    font-size: 1rem;
}
.app-subtitle {
    font-size: 1rem;
}
.spinner--colorfully {
    animation: spinner-border 1s linear infinite, colorfully 10s linear infinite alternate;
}

@media (min-width: 768px){
    .header-text {
        font-size: 6rem;
    }
    .app-title {
        font-size: 6rem;
    }
    .app-subtitle {
        font-size: 3rem;
    }
}
@media (min-width: 1000px){
    .header-text {
        font-size: 10rem;
    }
    .app-title {
        font-size: 6rem;
    }
    .app-subtitle {
        font-size: 3rem;
    }
}
@media (min-width: 1600px){
    .header-text {
        font-size: 14rem;
    }
    .app-title {
        font-size: 14rem;
    }
    .app-subtitle {
        font-size: 3rem;
    }
}

@keyframes colorfully {
    0% {color: white;}
    20% {color: #ff4f59;}
    80% {color: #ffa0ff;}
    40% {color: #81ff87;}
    60% {color: #fff97d;}
    100% {color: #6f6fff;}
}
@keyframes bg-colorfully {
    0% {background-color: white;}
    20% {background-color: #ff4f59;}
    80% {background-color: #ffa0ff;}
    40% {background-color: #81ff87;}
    60% {background-color: #fff97d;}
    100% {background-color: #6f6fff;}
}

.fixed_icon {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}
.telegram {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-image: url(data:image/png;base64,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);
}