*{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
/* бэграунд(фон) */
.back{
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
position: fixed;
z-index: -1;
}

.back2{
width: 90%;
height: 90%;
background: gray;
position: absolute;
top: 5%;
left: 5%;
opacity: 0.5;
z-index: 1;
border-radius: 5px;
}
/* 
.kor{
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}
*/
.kor1{
left: 10%;
animation: rotate9 39.4s linear infinite;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);  
}



.kor2{
top: 15%;
animation: rotate2 38.8s linear infinite;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor3{
left: 70%;
top: 20%;
animation: rotate3 39.5s linear infinite;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor4{
top: 10%;
left: 25%;
animation: rotate 37.3s linear infinite;
z-index: -5;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor5{
animation: rotate 38s linear infinite;
z-index: -6;
left: 30%; 
animation-delay: 19.4s;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor6{
animation: rotate4 39.6s linear infinite;
z-index: -6;
left: 35%;
/*   animation-delay: 24s; */
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor7{
animation: rotate 37.7s linear infinite;
z-index: -4;
left: 0%;
animation-delay: 2s;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor8{
animation: rotate 39.2s linear infinite;
z-index: -3;
left: 26%;
animation-delay: 5.5s;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor9{
animation: rotate5 38.8s linear infinite;
z-index: -8;
left: 39%;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor10{
animation: rotate8 39s linear infinite;
z-index: -2;
left: 56%; 
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor11{
animation: rotate7 37.5s linear infinite;
left: 85%;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor12{
animation: rotate 38.7s linear infinite;
z-index: -8;
left: 66%;
animation-delay: 15s;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor13{
animation: rotate6 39.2s linear infinite;
z-index: -3;
left: 2%;
animation-delay: 15.2s;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}

.kor14{
animation: rotate 38.6s linear infinite;
z-index: -9;
left: 83%;
animation-delay: 14.3s;
position: absolute;
width: 20%;
top: -120%;
margin: 10px;
border-radius: 15px;
box-shadow: 10px 10px 8px 0px rgba(34, 60, 80, 0.2);
}
@media screen and (max-width: 768px){
    .kor1, .kor2, .kor3, .kor4, .kor5, .kor6, .kor7, .kor8, .kor9, .kor10, .kor11, .kor12, .kor13, .kor14{
      width: 40%;
      border-radius: 5px;
    }
}

@keyframes rotate{
0%{
    top: 100%;
}
100%{
    top: -40%;
}
}

@keyframes rotate{
0%{
    top: 100%;
}
100%{
    top: -40%;
}
}

@keyframes rotate2{
0%{
    top: 50%;
}
100%{
    top: -40%;
}
}

@keyframes rotate3{
0%{
    top: 45%;
}
100%{
    top: -40%;
}
}

@keyframes rotate4{
0%{
    top: 34%;
}
100%{
    top: -40%;
}
}

@keyframes rotate5{
0%{
    top: 56%;
}
100%{
    top: -40%;
}
}

@keyframes rotate6{
0%{
    top: 88%;
}
100%{
    top: -40%;
}
}

@keyframes rotate7{
0%{
    top: 54%;
}
100%{
    top: -40%;
}
}

@keyframes rotate8{
0%{
    top: 11%;
}
100%{
    top: -40%;
}
}

@keyframes rotate9{
0%{
    top: 7%;
}
100%{
    top: -40%;
}
}
/* конец бэграунд(фон) */