/* in the name of Allah */

#profile {
    position: relative;
    /*background-image: repeating-radial-gradient(circle at 50% 50%, transparent 0, #4d4d4d 44px), repeating-linear-gradient(#404040, #040404);*/
    /*background-color: #4d4d4d;*/

    /*background-color: #4d4d4d;*/
    /*background-image: url("data:image/svg+xml,%3Csvg width='80' height='88' viewBox='0 0 80 88' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 21.91V26h-2c-9.94 0-18 8.06-18 18 0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73 3.212-6.99 9.983-12.008 18-12.73V62h2c9.94 0 18-8.06 18-18 0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73-3.212 6.99-9.983 12.008-18 12.73zM54 58v4.696c-5.574 1.316-10.455 4.428-14 8.69-3.545-4.262-8.426-7.374-14-8.69V58h-5.993C12.27 58 6 51.734 6 44c0-7.732 6.275-14 14.007-14H26v-4.696c5.574-1.316 10.455-4.428 14-8.69 3.545 4.262 8.426 7.374 14 8.69V30h5.993C67.73 30 74 36.266 74 44c0 7.732-6.275 14-14.007 14H54zM42 88c0-9.94 8.06-18 18-18h2v-4.09c8.016-.722 14.787-5.738 18-12.73v7.434c-3.545 4.262-8.426 7.374-14 8.69V74h-5.993C52.275 74 46 80.268 46 88h-4zm-4 0c0-9.943-8.058-18-18-18h-2v-4.09c-8.012-.722-14.785-5.738-18-12.73v7.434c3.545 4.262 8.426 7.374 14 8.69V74h5.993C27.73 74 34 80.266 34 88h4zm4-88c0 9.943 8.058 18 18 18h2v4.09c8.012.722 14.785 5.738 18 12.73v-7.434c-3.545-4.262-8.426-7.374-14-8.69V14h-5.993C52.27 14 46 7.734 46 0h-4zM0 34.82c3.213-6.992 9.984-12.008 18-12.73V18h2c9.94 0 18-8.06 18-18h-4c0 7.732-6.275 14-14.007 14H14v4.696c-5.574 1.316-10.455 4.428-14 8.69v7.433z' fill='%237a7a7a' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");*/

    background-color: #4d4d4d;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%23676767' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/g%3E%3C/svg%3E");
    overflow: hidden;
    border-bottom-right-radius: var(--section-br);
    border-bottom-left-radius: var(--section-br);
}

#profile .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 5;
}

#profile .avatar {
    border-radius: 20rem;
    border: 2px solid var(--main-color);
    padding: 5px;
    box-shadow: var(--box-shadow);
    width: 200px;
    height: 200px;
    margin-bottom: 1.5rem;
}

#profile .avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 20rem;
}

#profile .info {
     color: white;
}

#profile .info .name {
    font-weight: 900;
    text-align: center;
    margin-bottom: 1rem;
    text-shadow: 0 3px 5px #262626;
}

#profile .info ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

#profile .info li:not(:last-child) {
    margin-bottom: 0.5rem;
}

#profile .info small {
    color: var(--main2-color);
    margin-left: 0.3rem;
}
#profile .info a {
    color: white;
    transition-duration: var(--tr-du);
}
#profile .info a:hover {
    color: var(--main-color);
}
#courses .card {
    width: unset;
    margin: 0;
}
/*#courses .slider .card .img-link {*/
/*    max-height: 90px;*/
/*    min-height: 90px;*/
/*}*/
#courses .card .card-footer {
    padding: 0.5rem 0;
}
#courses .card .card-footer:hover {
    background-color: var(--main-color);
    color: white;
}
/*@media (min-width: 768px) {*/
/*    #courses .slider .card .img-link {*/
/*        max-height: 120px;*/
/*        min-height: 120px;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    #courses .slider .card .img-link {*/
/*        max-height: 150px;*/
/*        min-height: 150px;*/
/*    }*/
/*}*/
#user-posts .blog-item {
    /*max-height: 200px;*/
    /*min-height: 200px;*/
    overflow: hidden;
    border-radius: var(--border-radius);
    position: relative;
    display: block;
    transition-duration: var(--tr-du);
    width: 100%;
    padding-top: 100%;
}
#user-posts .blog-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgb(15 181 131 / 30%);
}
#user-posts .blog-item:hover img {
    width: 110%;
    height: 110%;
}
#user-posts .blog-item:hover .title {
    color: var(--main-color);
}
#user-posts .blog-item .title {
    margin: 0;
    transition-duration: var(--tr-du);
    font-weight: bold;
    text-shadow: 0 2px 2px black;
}
#user-posts .blog-item img {
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition-duration: var(--tr-du);
}

#user-posts .blog-item .overlay {
    position: absolute;
    top: 0;
    padding: 1rem;
    background: linear-gradient(0deg, #000000b0, transparent);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: white;
}

#user-posts .blog-item .date {
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
}

#user-posts .blog-item .date i {
    color: var(--main-color);
    background-color: white;
    padding: 5px;
    border-radius: 100px;
    line-height: 0.9;
    vertical-align: middle;
    margin-left: 5px;
}

@media (min-width: 992px) {
    #profile .container {
        flex-direction: row;
        justify-content: center;
    }
    #profile .avatar {
        margin-bottom: 0;
        margin-left: 1.5rem;
    }
    #profile .info .name {
        text-align: start;
    }
    /*#user-posts .blog-item {*/
    /*    max-height: 250px;*/
    /*    min-height: 250px;*/
    /*}*/
}

/*======================================*/
@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4d4d4d;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b3b3b' fill-opacity='0.4'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='%23676767' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M29.42 29.41c.36-.36.58-.85.58-1.4V0h-4v26H0v4h28c.55 0 1.05-.22 1.41-.58h.01zm0 29.18c.36.36.58.86.58 1.4V88h-4V62H0v-4h28c.56 0 1.05.22 1.41.58zm29.16 0c-.36.36-.58.85-.58 1.4V88h4V62h26v-4H60c-.55 0-1.05.22-1.41.58h-.01zM62 26V0h-4v28c0 .55.22 1.05.58 1.41.37.37.86.59 1.41.59H88v-4H62zM18 36c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H20a2 2 0 0 1-2-2zm16-26a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 58a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-4zM34 78a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-6zM34 4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm16 0a2 2 0 0 1 2-2 2 2 0 0 1 2 2v6a2 2 0 0 1-2 2 2 2 0 0 1-2-2V4zm-8 82a2 2 0 1 1 4 0v2h-4v-2zm0-68a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V18zM66 4a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm0 72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm-48 0a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0v-8zm0-72a2 2 0 1 1 4 0v8a2 2 0 1 1-4 0V4zm24-4h4v2a2 2 0 1 1-4 0V0zm0 60a2 2 0 1 1 4 0v10a2 2 0 1 1-4 0V60zm14-24c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm0 16c0-1.1.9-2 2-2h10a2 2 0 1 1 0 4H58a2 2 0 0 1-2-2zm-28-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM36 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-8-8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 68a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-34a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm16-12a2 2 0 1 0 0 4 6 6 0 1 1 0 12 2 2 0 1 0 0 4 10 10 0 1 0 0-20zm-64 0a2 2 0 1 1 0 4 6 6 0 1 0 0 12 2 2 0 1 1 0 4 10 10 0 1 1 0-20zm56-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-48 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-48a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm24 32a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-4a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm36-36a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM10 44c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm56 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm8 24c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zM3 68c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm0-48c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4H5a2 2 0 0 1-2-2zm71 0c0-1.1.9-2 2-2h8a2 2 0 1 1 0 4h-8a2 2 0 0 1-2-2zm6 66a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM8 86a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-68A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm36 36a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/g%3E%3C/svg%3E");*/
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23666666' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
    overflow: hidden;
    z-index: 1;
}

.background span {
    width: 8vmin;
    height: 8vmin;
    border-radius: 8vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 39;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #0fb583;
    top: 73%;
    left: 64%;
    animation-duration: 114s;
    animation-delay: -96s;
    transform-origin: -18vw -21vh;
    box-shadow: 16vmin 0 2.5839502787801933vmin currentColor;
}
.background span:nth-child(1) {
    color: #0fb583;
    top: 75%;
    left: 50%;
    animation-duration: 18s;
    animation-delay: -70s;
    transform-origin: 0vw -7vh;
    box-shadow: -16vmin 0 2.6802767579289375vmin currentColor;
}
.background span:nth-child(2) {
    color: #b6e9da;
    top: 34%;
    left: 99%;
    animation-duration: 27s;
    animation-delay: -42s;
    transform-origin: -10vw -15vh;
    box-shadow: 16vmin 0 2.662692745559822vmin currentColor;
}
.background span:nth-child(3) {
    color: #0fb583;
    top: 78%;
    left: 16%;
    animation-duration: 57s;
    animation-delay: -23s;
    transform-origin: -21vw 24vh;
    box-shadow: -16vmin 0 2.6314397262483427vmin currentColor;
}
.background span:nth-child(4) {
    color: #b6e9da;
    top: 55%;
    left: 74%;
    animation-duration: 83s;
    animation-delay: -18s;
    transform-origin: 13vw 9vh;
    box-shadow: -16vmin 0 2.9075278661679707vmin currentColor;
}
.background span:nth-child(5) {
    color: #b6e9da;
    top: 56%;
    left: 68%;
    animation-duration: 93s;
    animation-delay: -4s;
    transform-origin: -1vw 20vh;
    box-shadow: 16vmin 0 2.960312088010104vmin currentColor;
}
.background span:nth-child(6) {
    color: #0fb583;
    top: 43%;
    left: 93%;
    animation-duration: 75s;
    animation-delay: -58s;
    transform-origin: -19vw 13vh;
    box-shadow: -16vmin 0 2.1534630877620757vmin currentColor;
}
.background span:nth-child(7) {
    color: #b6e9da;
    top: 34%;
    left: 77%;
    animation-duration: 42s;
    animation-delay: -24s;
    transform-origin: 21vw 24vh;
    box-shadow: 16vmin 0 2.8055980146570354vmin currentColor;
}
.background span:nth-child(8) {
    color: #b6e9da;
    top: 12%;
    left: 5%;
    animation-duration: 25s;
    animation-delay: -107s;
    transform-origin: -15vw 6vh;
    box-shadow: 16vmin 0 2.570348294053233vmin currentColor;
}
.background span:nth-child(9) {
    color: #b6e9da;
    top: 2%;
    left: 34%;
    animation-duration: 98s;
    animation-delay: -16s;
    transform-origin: 5vw 14vh;
    box-shadow: -16vmin 0 2.1851968805946207vmin currentColor;
}
.background span:nth-child(10) {
    color: #b6e9da;
    top: 76%;
    left: 33%;
    animation-duration: 53s;
    animation-delay: -44s;
    transform-origin: -20vw 24vh;
    box-shadow: -16vmin 0 2.357667454392213vmin currentColor;
}
.background span:nth-child(11) {
    color: #0fb583;
    top: 49%;
    left: 100%;
    animation-duration: 22s;
    animation-delay: -7s;
    transform-origin: 4vw -3vh;
    box-shadow: 16vmin 0 2.543040232575041vmin currentColor;
}
.background span:nth-child(12) {
    color: #b6e9da;
    top: 81%;
    left: 96%;
    animation-duration: 75s;
    animation-delay: -31s;
    transform-origin: 16vw -9vh;
    box-shadow: -16vmin 0 2.038523682044976vmin currentColor;
}
.background span:nth-child(13) {
    color: #0fb583;
    top: 25%;
    left: 60%;
    animation-duration: 69s;
    animation-delay: -7s;
    transform-origin: 6vw -18vh;
    box-shadow: -16vmin 0 2.545727453757568vmin currentColor;
}
.background span:nth-child(14) {
    color: #b6e9da;
    top: 95%;
    left: 10%;
    animation-duration: 92s;
    animation-delay: -54s;
    transform-origin: 11vw -12vh;
    box-shadow: 16vmin 0 2.5004524859113237vmin currentColor;
}
.background span:nth-child(15) {
    color: #b6e9da;
    top: 59%;
    left: 73%;
    animation-duration: 52s;
    animation-delay: -89s;
    transform-origin: 8vw 1vh;
    box-shadow: -16vmin 0 2.60391418747367vmin currentColor;
}
.background span:nth-child(16) {
    color: #0fb583;
    top: 42%;
    left: 39%;
    animation-duration: 55s;
    animation-delay: -35s;
    transform-origin: -23vw -23vh;
    box-shadow: 16vmin 0 2.3998742522742345vmin currentColor;
}
.background span:nth-child(17) {
    color: #0fb583;
    top: 93%;
    left: 75%;
    animation-duration: 48s;
    animation-delay: -53s;
    transform-origin: 20vw -6vh;
    box-shadow: 16vmin 0 2.5748799763176438vmin currentColor;
}
.background span:nth-child(18) {
    color: #b6e9da;
    top: 14%;
    left: 63%;
    animation-duration: 53s;
    animation-delay: -3s;
    transform-origin: 24vw -23vh;
    box-shadow: 16vmin 0 2.3079689412021414vmin currentColor;
}
.background span:nth-child(19) {
    color: #0fb583;
    top: 92%;
    left: 70%;
    animation-duration: 90s;
    animation-delay: -56s;
    transform-origin: -8vw 15vh;
    box-shadow: 16vmin 0 2.3072808341058977vmin currentColor;
}
.background span:nth-child(20) {
    color: #b6e9da;
    top: 79%;
    left: 80%;
    animation-duration: 34s;
    animation-delay: -17s;
    transform-origin: 15vw 18vh;
    box-shadow: -16vmin 0 2.9725992013152176vmin currentColor;
}
.background span:nth-child(21) {
    color: #b6e9da;
    top: 18%;
    left: 15%;
    animation-duration: 34s;
    animation-delay: -4s;
    transform-origin: 5vw -19vh;
    box-shadow: -16vmin 0 2.5199582380716237vmin currentColor;
}
.background span:nth-child(22) {
    color: #0fb583;
    top: 81%;
    left: 31%;
    animation-duration: 13s;
    animation-delay: -90s;
    transform-origin: -8vw -3vh;
    box-shadow: -16vmin 0 2.827580190436092vmin currentColor;
}
.background span:nth-child(23) {
    color: #0fb583;
    top: 26%;
    left: 39%;
    animation-duration: 83s;
    animation-delay: -52s;
    transform-origin: 1vw -22vh;
    box-shadow: -16vmin 0 2.402757478142544vmin currentColor;
}

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