/*Заголовок*/

h1 {
    text-transform: uppercase;
     margin-left: 400px;
     font-size: 40px;
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;
     background-image: linear-gradient(45deg, OrangeRed, blueViolet, LightGreen,LightSeaGreen,DarkBlue, rgb(240, 6, 208), rgb(139, 0, 0) );
     background-size: 400%;
     animation: move 10s ease infinite;
}

/*Биография Пронькина В.И.*/
h2 {
    margin-left: 170px;
    font-size: 40px;
    color: blue;
    
}
.images {
    display: block;
    width: 517px;
    height: 830px;
    border: 5px solid rgb(245, 11, 194);
    margin-left: 600px;
}
.text {
    display: block;
    width: 300px;
    height: 100px;
    margin-top: -800px;
    font-size: 18px;
    margin-left: 200px;
    line-height: 2em;
}
.biography {
    margin-top: 800px;
    font-size: 25px;
    line-height: 2em;
    color: rgb(37, 0, 245);
}
.text_1 {
    font-size: 18px;
    line-height: 2em;
}
.family {
    font-size: 25px;
    line-height: 2em;
    color: rgb(54, 10, 250);
}
.text_2 {
    font-size: 18px;
    line-height: 2em;
}
.creativity {
    font-size: 25px;
    line-height: 2em;
    color: rgb(58, 8, 238);

}
.text_3 {
    font-size: 18px;
    line-height: 2em;
}
.frunze {
    padding-left: 300px;
}
.inscription {
    padding-left: 290px;
}
.frunze_2 {
    padding-left: 800px;
    position: relative; 
    top: -465px; 
}
.inscription_2 {
    padding-left: 800px;
    position: relative; 
    top: -465px; 
}
.text_4 {
    font-size: 18px;
    line-height: 2em;
    margin-top: -400px;
}
.moon_night {
    padding-left: 300px;
}
.moon_text {
    padding-left: 330px;
}
.hunting {
    padding-left: 800px;
    position: relative; 
    top: -465px;
}
.hunting_text {
    padding-left: 800px;
    position: relative; 
    top: -465px; 
    left: -4px
}
.text_5 {
    font-size: 18px;
    line-height: 2em;
    margin-top: -400px;
}
.figaro {
    padding-left: 300px;
    position: relative;
    top: 0;
}
.figaro_text {
    padding-left: 292px;
}
.tree {
    padding-left: 800px;
    position: relative; 
    top:  -520px;
}
.tree_text {
    padding-left: 800px;
    margin-top: -510px;
}
.text_6 {
    font-size: 18px;
    line-height: 2em;
}
.skup {
    padding-left: 40px;
}
.skup_text {
    padding-left: 292px;
}
.text_7 {
    font-size: 18px;
    line-height: 2em;
}
.newavantgarde {
    font-size: 30px;
}
.text_8 {
    font-size: 18px;
    line-height: 2em;
}
.kandinsky {
    padding-left: 300px;
}
.kandinsky_text {
    padding-left: 300px;
}
.pronkin {
    padding-left: 800px;
    position: relative;
    top: -450px;
}
.pronkin_text {
    padding-left: 800px;
    position: relative;
    top: -430px;
}
.theory {
    font-size: 30px;
    position: relative;
    top: -400px;
}
.text_9 {
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -400px;
}
.covers {
    padding-left: 300px;
    position: relative;
    top: -300px;
}
.covers_text {
    margin-left: -200px;
    font-size: 18px;
    line-height: 2em;
}
.text_10 {
    margin-left: -300px;
    font-size: 18px;
    line-height: 2em;
}
.text_11 {
    font-size: 30px;
    position: relative;
    top: -300px;
}
.text_12 {
    position: relative;
    top: -300px;
    font-size: 18px;
    line-height: 2em;

}
.ornament {
    position: relative;
    left: 300px;
    top: -300px;
}
.ornament_text {
    padding-left: 280px;
    position: relative;
    top: -300px;
}
.altamira {
    position: relative;
    left: 800px;
    top: -650px;
}
.altamira_text {
    padding-left: 760px;
    margin-top: -600px;
}
.text_13 {
    font-size: 18px;
    line-height: 2em;
}
.Cattlemen {
    position: relative;
    left: 250px;
}
.text_14 {
    padding-left: 254px;
}
.Murals {
    position: relative;
    left: 750px;
    top: -400px;
}
.text_15 {
    position: relative;
    left: 750px;
    top: -400px;
}
.text_16 {
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -400px;
}
.text_17 {
    font-size: 30px;
    line-height: 2em;
    position: relative;
    top: -400px;
}
.text_18 {
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -400px;

}
.text_19 {
    font-size: 30px;
    line-height: 2em;
    position: relative;
    top: -400px;
}
.list_1 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    margin-top: -400px;

}

.header {
    font-size: 30px;
    line-height: 2em;

}
.header_2 {
    margin-left: 200px;
    font-size: 20px;
    line-height: 2em;

}
.list_2 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
}
.header_3 {
    margin-left: 200px;
    font-size: 20px;
    line-height: 2em;

}
.list_3 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
}
.header_4 {
    margin-left: 200px;
    font-size: 20px;
    line-height: 2em;
}
.list_4 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;

}
.header_5 {
    margin-left: 200px;
    font-size: 20px;
    line-height: 2em;

}
.list_5 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
}
.header_6 {
    margin-left: 200px;
    font-size: 20px;
    line-height: 2em;
}

.cover {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
}
.Cover {
    position: relative;
    left: 300px;
}
.text_20 {
    padding-left: 370px;
    position: relative;
}
.BackCover {
    position: relative;
    left: 800px;
    top: -530px;
}
.text_21 {
    padding-left: 880px;
    position: relative;
    top: -530px;
}
.list_6 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -500px;
}
.header_7 {
    margin-left: 200px;
    font-size: 20px;
    line-height: 2em;
    margin-top: -470px;
}
.text_22 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
}
.Cover_2 {
    position: relative;
    left: 300px;
}
.text_23 {
    padding-left: 370px;
}
.BackCover_2 {
    position: relative;
    left: 800px;
    top: -530px;
}
.text_24 {
    padding-left: 880px;
    position: relative;
    top: -530px;
}
.list_7 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -500px;
}
.header_8 {
    position: relative;
    left: 200px;
    font-size: 20px;
    line-height: 2em;
    top: -470px;
}
.list_8 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -480px;
}
.header_9 {
    position: relative;
    left: 200px;
    font-size: 20px;
    line-height: 2em;
    top: -470px;
}
.list_9 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -480px;
}
.list_10 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -480px;
}
.header_10 {
    position: relative;
    left: 200px;
    font-size: 20px;
    line-height: 2em;
    top: -470px;
}
.list_11 {
    margin-left: 200px;
    font-size: 18px;
    line-height: 2em;
    position: relative;
    top: -480px;
}
.Monograph {
    position: relative;
    left: 300px;
    top: -470px;
}
.text_25 {
    padding-left: 310px;
    position: relative;
    top: -470px
}

.Book_Proto-Slavs {
    position: relative;
    left: 800px;
    top: -990px;

}
.text_26 {
    padding-left: 810px;
    position: relative;
    top: -970px
}



/*Анимация заголовка*/
@keyframes move {
    0% {
        background-position: 0 0;
    }
    25% {
        background-position: 100% 0;
    }
    50% {
        background-position: 100% 100%;
    }
    75% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0;
    }
}