:root {
    --transduration: 15s;
    --transfunction: linear;
}

/* ============================== */

@keyframes drift1 {
    0%   {margin: 0px 0px 0px 0px;}
    20%  {margin: 20px 0px 0px 0px;}
    40%  {margin: 0px 0px 0px 0px;}
    60%  {margin: 0px 0px 0px 0px;}
    80%  {margin: 10px 0px 30px 0px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift2 {
    0%   {margin: 0px 0px 0px 0px;}
    40%  {margin: 0px 0px 50px 0px;}
    60%  {margin: 0px 40px 0px 0px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift3 {
    0%   {margin: 0px 0px 0px 0px;}
    20%  {margin: 0px 30px 0px 0px;}
    60%  {margin: 0px -50px 0px 0px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift4 {
    0%   {margin: 0px 0px 0px 0px;}
    40%  {margin: 0px 0px 0px -40px;}
    60%  {margin: 20px 0px 0px 5px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift5 {
    0%   {margin: 0px 0px 0px 0px;}
    50%  {margin: 0px -50px 0px -50px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift6 {
    0%   {margin: 0px 0px 0px 0px;}
    50%  {margin: 50px 0px -50px 0px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift7 {
    0%   {margin: 0px 0px 0px 0px;}
    50%  {margin: 20px -40px 0px 0px;}
    100% {margin: 0px 0px 0px 0px;}
}

@keyframes drift8 {
    0%   {margin: 0px 0px 0px 0px;}
    50%  {margin: 0px -20px 0px -30px;}
    100% {margin: 0px 0px 0px 0px;}
}

/* ============================== */

.driftframe1 {
    top: calc(0% - 200px);
	left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe2 {
    top: calc(0% - 200px);
    left: 5%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe3 {
    top: calc(0% - 200px);
    left: 10%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe4 {
    top: calc(0% - 200px);
    left: 15%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe5 {
    top: calc(0% - 200px);
    left: 20%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe6 {
    top: calc(0% - 200px);
    left: 25%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe7 {
    top: calc(0% - 200px);
    left: 30%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe8 {
    top: calc(0% - 200px);
    left: 35%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe9 {
    top: calc(0% - 200px);
    left: 40%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe10 {
    top: calc(0% - 200px);
    left: 45%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe11 {
    top: calc(0% - 200px);
    left: 50%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe12 {
    top: calc(0% - 200px);
    left: 55%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe13 {
    top: calc(0% - 200px);
    left: 60%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe14 {
    top: calc(0% - 200px);
    left: 65%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe15 {
    top: calc(0% - 200px);
    left: 70%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe16 {
    top: calc(0% - 200px);
    left: 75%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe17 {
    top: calc(0% - 200px);
    left: 80%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe18 {
    top: calc(0% - 200px);
    left: 85%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe19 {
    top: calc(0% - 200px);
    left: 90%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe20 {
    top: calc(0% - 200px);
    left: 95%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe21 {
    top: calc(0% - 200px);
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe22 {
    top: 5%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe23 {
    top: 10%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe24 {
    top: 15%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe25 {
    top: 20%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe26 {
    top: 25%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe27 {
    top: 30%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe28 {
    top: 35%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe29 {
    top: 40%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe30 {
    top: 45%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe31 {
    top: 50%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe32 {
    top: 55%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe33 {
    top: 60%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe34 {
    top: 65%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe35 {
    top: 70%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe36 {
    top: 75%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe37 {
    top: 80%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe38 {
    top: 85%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe39 {
    top: 90%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe40 {
    top: 95%;
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe41 {
    top: calc(100% + 200px);
    left: calc(100% + 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe42 {
    top: calc(100% + 200px);
    left: 95%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe43 {
    top: calc(100% + 200px);
    left: 90%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe44 {
    top: calc(100% + 200px);
    left: 85%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe45 {
    top: calc(100% + 200px);
    left: 80%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe46 {
    top: calc(100% + 200px);
    left: 75%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe47 {
    top: calc(100% + 200px);
    left: 70%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe48 {
    top: calc(100% + 200px);
    left: 65%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}
.driftframe49 {
    top: calc(100% + 200px);
    left: 60%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe50 {
    top: calc(100% + 200px);
    left: 55%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe51 {
    top: calc(100% + 200px);
    left: 50%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe52 {
    top: calc(100% + 200px);
    left: 45%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe53 {
    top: calc(100% + 200px);
    left: 40%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe54 {
    top: calc(100% + 200px);
    left: 35%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe55 {
    top: calc(100% + 200px);
    left: 30%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe56 {
    top: calc(100% + 200px);
    left: 25%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe57 {
    top: calc(100% + 200px);
    left: 20%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe58 {
    top: calc(100% + 200px);
    left: 15%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe59 {
    top: calc(100% + 200px);
    left: 10%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe60 {
    top: calc(100% + 200px);
    left: 5%;
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe61 {
    top: calc(100% + 200px);
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe62 {
    top: 95%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe63 {
    top: 90%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe64 {
    top: 85%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe65 {
    top: 80%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe66 {
    top: 75%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe67 {
    top: 70%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe68 {
    top: 65%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe69 {
    top: 60%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe70 {
    top: 55%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe71 {
    top: 50%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe72 {
    top: 45%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe73 {
    top: 40%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe74 {
    top: 35%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe75 {
    top: 30%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe76 {
    top: 25%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe77 {
    top: 20%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe78 {
    top: 15%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe79 {
    top: 10%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}

.driftframe80 {
    top: 5%;
    left: calc(0% - 200px);
    transition: top var(--transduration), left var(--transduration);
    transition-timing-function: var(--transfunction);
}