* { margin: 0px; }
* { padding: 0px; }

.download{                                                                                      /* контейнер для ссылок для сканичивания html/css-кода */
    position: fixed;   
    bottom: 0;
    right: 0;
    margin-right: 10em;
    margin-bottom: 10em;
}

.download a{                                                                                   /* форматирование ссылок для сканичивания html/css-кода */
    color: blue;
    text-decoration: underline;
}

html{ overflow: hidden;}

    /* форматирование первой бегущей строки в шапке */
    div.line_1 img{                                                                            /* всем изображениям в бегущей строке выстроиться в inline-block */
        display: inline-block;
    }
    .line_1 img:first-child{
        border-radius: 20px 0 0 20px;
    }
    .line_1 img:last-child{
        border-radius: 0 20px 20px 0;
    }
    .line_1 img:not(:first-child){
        margin-left: -4px;
    }
    /* форматирование первой бегущей строки в шапке */

/* анимация для первой бегущей строки */    
header h1{                                                                                      /* Шапка название*/
    font-size: 4em;
    text-align: center;
    height: 150px;
    width: 100%;
    border-radius: 20px;
    line-height: 150px;
    position: absolute;
    top: 15px;
    z-index: 10;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;                  /* border для текста с помощью text-shadow */
    animation-name: my_line_1;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes my_line_1{                                                                           /* анимация №1 для шапки */
    50% { opacity: 0; transform: scale(2); }
    100% { opacity: 1; }
}

div.line_1{                                                                                     /* Шапка бегущая строка*/
    height: 150px;
    width: 4294px;
    position: absolute;
    top: 15px;
    z-index: 5;
    animation-name: my_line_2;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes my_line_2{                                                                           /* анимация №2 для шапки */
    0% { left: calc(100% - 4294px); }
    50% { left: 0; }
    100% { left: calc(100% - 4294px); }
}

/* анимация для первой бегущей строки */

    /* форматирование второй бегущей строки в шапке */
    div.line_2 img{                                                                             /* всем изображениям в бегущей строке выстроиться в inline-block */
        display: inline-block;
        filter: grayscale(100%);                                                                /* делает фото черно-белым */
    }
    .line_2 img{
        padding-top: 33px;
    }
    .line_2 img:nth-child(1){
        padding-left: 9px;
    }
    .line_2 img:not(:nth-child(1)){
        padding-left: 14px;
    }
    
    /* форматирование второй бегущей строки в шапке */

/* анимация для второй бегущей строки */

div.line_2{                                                                                     /* бегущая строка №2 */
    height: 216px;
    width: 2448px;
    background-image: url(./images_for_2d-3d_foto_line/fotoplenka.png);
    background-size: contain;
    position: absolute;
    top: 15px;
    z-index: 5;
    animation-name: my_line_3;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes my_line_3{                                                                           /* анимация №2 бегущей строки №2 */
    0% { left: 105%; top: -10%; transform: rotate(-15deg); }
    50% { left: -110%; top: 110%; transform: scale(2.25) rotate(8deg); }
    100% {left: -200%; top: 140%; }  
}

/* анимация для второй бегущей строки */