/* === Opening message and photo === */
article:nth-child(1){
    background-color: #F0F0F0;
    height: 40vw;
    position: relative;
}

article:nth-child(1) h1{
    color: #0F1425;
    font-size: 4vw;
    font-weight: 350;
    left: 5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 8vw;
}

article:nth-child(1) div.paragraph-separator{
    background-color: #0F1425;
    left: 5vw;
    position: absolute;
    top: 21vw;
}

article:nth-child(1) p{
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 5vw;
    line-height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    width: 60vw;
}

article:nth-child(1) p:nth-child(3){
    top: 23vw;
}

article:nth-child(1) p:nth-child(4){
    top: 27vw;
}

article:nth-child(1) img{
    height: 40vw;
    mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-image: -webkit-gradient(linear, right bottom, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(1){
        height: 105vw;
    }

    article:nth-child(1) h1{
        font-size: 9vw;
        top: 10vw;
    }

    article:nth-child(1) div.paragraph-separator{
        top: 32vw;
    }

    article:nth-child(1) p{
        font-size: 3.9vw;
        line-height: 6.5vw;
        width: 90vw;
    }

    article:nth-child(1) p:nth-child(3){
        top: 36vw;
    }

    article:nth-child(1) p:nth-child(4){
        top: 43vw;
    }

    article:nth-child(1) img{
        height: auto;
        left: 0;
        mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
        top: 46.837vw;
        width: 100vw;
    }
}

/* === Core Subjects === */
article:nth-child(2){
    background-color: #0F1425;
    height: 46vw;
    position: relative;
}

article:nth-child(2) h2{
    color: #F0F0F0;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 60vw;
    top: 6vw;
}

article:nth-child(2) div.paragraph-separator{
    background-color: #F0F0F0;
    left: 60vw;
    position: absolute;
    top: 19vw;
}

article:nth-child(2) p{
    color: #F0F0F0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
}

article:nth-child(2) p:nth-child(3){
    font-size: 2vw;
    font-weight: 700;
    left: 25vw;
    line-height: 3.3vw;
    top: 11vw;
    width: 25vw;
    z-index: 2;
}

article:nth-child(2) p:nth-child(4){
    font-size: 1.5vw;
    font-weight: 350;
    left: 60vw;
    line-height: 2.5vw;
    top: 21vw;
    width: 30vw;
}

article:nth-child(2) img{
    border-top-right-radius: 0.3vw;
    border-bottom-right-radius: 0.3vw;
    left: 0;
    position: absolute;
    top: 6vw;
    width: 50vw;
    z-index: 1;
}

article:nth-child(2) a{
    position: absolute;
    left: 66.5vw;
    top: 34.5vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(2){
        height: 151.632vw;
    }

    article:nth-child(2) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

    article:nth-child(2) div.paragraph-separator{
        left: 5vw;
        top: 32vw;
    }

    article:nth-child(2) p:nth-child(3){
        font-size: 4vw;
        left: 50vw;
        line-height: 6.6vw;
        top: 95vw;
        width: 50vw;
    }

    article:nth-child(2) p:nth-child(4){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(2) img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        left: 0;
        top: 85vw;
        width: 100vw;
    }

    article:nth-child(2) a{
        left: 15vw;
        top: 65vw;
    }
}

/* === Maths === */
article:nth-child(3){
    background-color: #F0F0F0;
    height: 46vw;
    position: relative;
}

article:nth-child(3) h2{
    color: #0F1425;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 10vw;
    top: 6.5vw;
}

article:nth-child(3) div.paragraph-separator{
    background-color: #0F1425;
    left: 10vw;
    position: absolute;
    top: 19.5vw;
}

article:nth-child(3) p{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
}

article:nth-child(3) p:nth-child(3){
    color: #0F1425;
    font-size: 2vw;
    font-weight: 700;
    left: 53vw;
    line-height: 3.3vw;
    top: 9vw;
    width: 23vw;
    z-index: 2;
}

article:nth-child(3) p:nth-child(4){
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 10vw;
    line-height: 2.5vw;
    top: 21.5vw;
    width: 30vw;
}

article:nth-child(3) img{
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
    position: absolute;
    right: 0;
    top: 6vw;
    width: 50vw;
    z-index: 1;
}

article:nth-child(3) a{
    position: absolute;
    left: 16.5vw;
    top: 34.5vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(3){
        height: 158.132vw;
    }

    article:nth-child(3) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

    article:nth-child(3) div.paragraph-separator{
        left: 5vw;
        top: 32vw;
    }

    article:nth-child(3) p:nth-child(3){
        font-size: 4vw;
        left: 6vw;
        line-height: 6.6vw;
        top: 97.5vw;
        width: 46vw;
    }

    article:nth-child(3) p:nth-child(4){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(3) img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        left: 0;
        top: 91.5vw;
        width: 100vw;
    }

    article:nth-child(3) a{
        left: 15vw;
        top: 71.5vw;
    }
}

/* === English === */
article:nth-child(4){
    background-color: #ACBBC6;
    height: 46vw;
    position: relative;
}

article:nth-child(4) h2{
    color: #0F1425;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 60vw;
    top: 6vw;
}

article:nth-child(4) div.paragraph-separator{
    background-color: #0F1425;
    left: 60vw;
    position: absolute;
    top: 19vw;
}

article:nth-child(4) p{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
}

article:nth-child(4) p:nth-child(3){
    color: #0F1425;
    font-size: 2vw;
    font-weight: 700;
    left: 33vw;
    line-height: 3.3vw;
    top: 28vw;
    width: 22vw;
    z-index: 2;
}

article:nth-child(4) p:nth-child(4){
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 60vw;
    line-height: 2.5vw;
    top: 21vw;
    width: 30vw;
}

article:nth-child(4) img{
    border-top-right-radius: 0.3vw;
    border-bottom-right-radius: 0.3vw;
    left: 0;
    position: absolute;
    top: 6vw;
    width: 50vw;
    z-index: 1;
}

article:nth-child(4) a{
    position: absolute;
    left: 66.5vw;
    top: 34vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(4){
        height: 158.132vw;
    }

    article:nth-child(4) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

    article:nth-child(4) div.paragraph-separator{
        left: 5vw;
        top: 32vw;
    }

    article:nth-child(4) p:nth-child(3){
        font-size: 4vw;
        left: 66vw;
        line-height: 6.6vw;
        top: 135.5vw;
        width: 30vw;
    }

    article:nth-child(4) p:nth-child(4){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(4) img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        left: 0;
        top: 91.5vw;
        width: 100vw;
    }

    article:nth-child(4) a{
        left: 15vw;
        top: 71.5vw;
    }
}

/* === Science === */
article:nth-child(5){
    background-color: #F0F0F0;
    height: 41vw;
    position: relative;
}

article:nth-child(5) h2{
    color: #0F1425;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 7vw;
    top: 3.5vw;
}

article:nth-child(5) div.paragraph-separator{
    background-color: #0F1425;
    left: 7vw;
    position: absolute;
    top: 16.5vw;
}

article:nth-child(5) p{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
}

article:nth-child(5) p:nth-child(3){
    color: #F0F0F0;
    font-size: 2vw;
    font-weight: 700;
    left: 70vw;
    line-height: 3.3vw;
    top: 26.5vw;
    width: 25vw;
    z-index: 2;
}

article:nth-child(5) p:nth-child(4){
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 7vw;
    line-height: 2.5vw;
    top: 18.5vw;
    width: 36vw;
}

article:nth-child(5) img{
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
    position: absolute;
    right: 0;
    top: 6vw;
    width: 50vw;
    z-index: 1;
}

article:nth-child(5) a{
    position: absolute;
    left: 16.5vw;
    top: 31.5vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(5){
        height: 147.724vw;
    }

    article:nth-child(5) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

    article:nth-child(5) div.paragraph-separator{
        left: 5vw;
        top: 32vw;
    }

    article:nth-child(5) p:nth-child(3){
        font-size: 4vw;
        left: 40vw;
        line-height: 6.6vw;
        top: 132.5vw;
        width: 50vw;
    }

    article:nth-child(5) p:nth-child(4){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(5) img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        left: 0;
        top: 91.5vw;
        width: 100vw;
    }

    article:nth-child(5) a{
        left: 15vw;
        top: 71.5vw;
    }
}

/* === Other Subjects === */
article:nth-child(7){
    height: 50vw;
    position: relative;
}

article:nth-child(7) div#subjects-container-one{
    background: linear-gradient(#FFFFFF, #F2F2F2);
    display: inline-block;
    height: 50vw;
    position: relative;
    width: 50vw;
}

article:nth-child(7) div#subjects-container-two{
    background: linear-gradient(#F2F2F2, #E5E5E5);
    display: inline-block;
    height: 50vw;
    position: relative;
    width: 50vw;
}

article:nth-child(7) h2{
    color: #0F1425;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 5vw;
    top: 2vw;
    z-index: 2;
}

article:nth-child(7) div.paragraph-separator{
    background-color: #0F1425;
    left: 5vw;
    position: absolute;
    top: 15vw;
    z-index: 2;
}

article:nth-child(7) p{
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 5vw;
    line-height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 17vw;
    width: 25vw;
    z-index: 2;
}

article:nth-child(7) a{
    position: absolute;
    left: 75vw;
    top: 41vw;
    z-index: 2;
}

article:nth-child(7) img:nth-child(7){
    height: 50vw;
    left: 25vw;
    position: absolute;
    z-index: 1;
}

article:nth-child(7) img:nth-child(8){
    height: 50vw;
    left: 25vw;
    position: absolute;
    z-index: 3;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(7){
        height: 207vw;
    }

    article:nth-child(7) div#subjects-container-one{
        background: linear-gradient(to right, #FFFFFF, #F2F2F2);
        display: block;
        height: 100vw;
        width: 100vw;
    }

    article:nth-child(7) div#subjects-container-two{
        background: linear-gradient(to right, #F2F2F2, #E5E5E5);
        display: block;
        height: 100vw;
        width: 100vw;
    }

    article:nth-child(7) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

    article:nth-child(7) div.paragraph-separator{
        left: 5vw;
        top: 32vw;
    }

    article:nth-child(7) p{
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(7) a{
        left: 13.75vw;
        top: 187vw;
    }

    article:nth-child(7) img:nth-child(7){
        height: 100vw;
        left: 0;
        top: 60vw;
    }

    article:nth-child(7) img:nth-child(8){
        height: 100vw;
        left: 0;
        top: 60vw;
    }
}

/* === Obscure Subject Search === */
article:nth-child(8){
    background-color: #0F1425;
    height: 40vw;
    position: relative;
}

article:nth-child(8) h2{
    color: #F0F0F0;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 10vw;
    top: 6.5vw;
}

article:nth-child(8) div.paragraph-separator{
    background-color: #F0F0F0;
    left: 10vw;
    position: absolute;
    top: 19.5vw;
}

article:nth-child(8) p{
    color: #F0F0F0;
    font-size: 1.5vw;
    font-weight: 350;
    left: 10vw;
    line-height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 21.5vw;
    width: 45vw;
}

article:nth-child(8) a{
    position: absolute;
    left: 16.5vw;
    top: 34.5vw;
}

article:nth-child(8) fieldset{
    left: 68vw;
    position: absolute;
    top: 21vw;
}

article:nth-child(8) fieldset form ul span li:nth-child(1){
    margin: 0 0 3vw 0;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(8){
        height: 128vw;
    }

    article:nth-child(8) h2{
        font-size: 6.5vw;
        left: 5vw;
        line-height: 9vw;
        top: 10vw;
        width: 90vw;
    }

    article:nth-child(8) div.paragraph-separator{
        left: 5vw;
        top: 41vw;
    }

    article:nth-child(8) p{
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 45vw;
        width: 90vw;
    }

    article:nth-child(8) fieldset{
        left: 13.75vw;
        top: 88vw;
    }

    article:nth-child(8) fieldset form ul span li:nth-child(1){
        margin: 0 0 15vw 0;
    }
}

/* === Floating Subjects === */
article:nth-child(7) div.floating-subject{
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    border-radius: 0.3vw;
    box-shadow: 0 0 0.5vw 0.25vw rgba(51, 51, 51, 0.3);
    color: #F0F0F0;
    display: block;
    font-size: 1.2vw;
    font-weight: 400;
    height: 2.5vw;
    line-height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 2vw 0 2vw;
    position: absolute;
    z-index: 2;
}

div.floating-subject:nth-child(9){
    animation-name: move-subject9;
    animation-delay: 0;
    background-color: #039BE5;
    left: 33vw;
    top: 29.5vw;
}

@keyframes move-subject9{
    from {left: 33vw;}
    to {left: 31vw;}
}

div.floating-subject:nth-child(10){
    animation-name: move-subject10;
    animation-delay: 1.30s;
    background-color: #D50000;
    top: 30vw;
    left: 80vw;
}

@keyframes move-subject10{
    from {left: 80vw;}
    to {left: 78vw;}
}

div.floating-subject:nth-child(11){
    animation-name: move-subject11;
    animation-delay: 4.78s;
    background-color: #F6BF26;
    top: 40vw;
    left: 15vw;
}

@keyframes move-subject11{
    from {left: 15vw;}
    to {left: 13vw;}
}

div.floating-subject:nth-child(12){
    animation-name: move-subject12;
    animation-delay: 4.35s;
    background-color: #039BE5;
    top: 9vw;
    left: 62vw;
}

@keyframes move-subject12{
    from {left: 62vw;}
    to {left: 60vw;}
}

div.floating-subject:nth-child(13){
    animation-name: move-subject13;
    animation-delay: 8.26s;
    background-color: #0B8043;
    top: 43vw;
    left: 30vw;
}

@keyframes move-subject13{
    from {left: 30vw;}
    to {left: 28vw;}
}

div.floating-subject:nth-child(14){
    animation-name: move-subject14;
    animation-delay: 7.83s;
    background-color: #8E24AA;
    top: 29vw;
    left: 13vw;
}

@keyframes move-subject14{
    from {left: 13vw;}
    to {left: 11vw;}
}

div.floating-subject:nth-child(15){
    animation-name: move-subject15;
    animation-delay: 0.87s;
    background-color: #039BE5;
    top: 6vw;
    left: 83vw;
}

@keyframes move-subject15{
    from {left: 83vw;}
    to {left: 81vw;}
}

div.floating-subject:nth-child(16){
    animation-name: move-subject16;
    animation-delay: 3.91s;
    background-color: #D50000;
    top: 16.5vw;
    left: 60vw;
}

@keyframes move-subject16{
    from {left: 60vw;}
    to {left: 58vw;}
}

div.floating-subject:nth-child(17){
    animation-name: move-subject17;
    animation-delay: 1.74s;
    background-color: #F6BF26;
    top: 15vw;
    left: 77vw;
}

@keyframes move-subject17{
    from {left: 77vw;}
    to {left: 75vw;}
}

div.floating-subject:nth-child(18){
    animation-name: move-subject18;
    animation-delay: 7.39s;
    background-color: #039BE5;
    top: 42vw;
    left: 58vw;
}

@keyframes move-subject18{
    from {left: 58vw;}
    to {left: 56vw;}
}

div.floating-subject:nth-child(19){
    animation-name: move-subject19;
    animation-delay: 5.22s;
    background-color: #0B8043;
    top: 26.5vw;
    left: 55vw;
}

@keyframes move-subject19{
    from {left: 55vw;}
    to {left: 53vw;}
}

div.floating-subject:nth-child(20){
    animation-name: move-subject20;
    animation-delay: 0.43s;
    background-color: #8E24AA;
    top: 36vw;
    left: 52vw;
}

@keyframes move-subject20{
    from {left: 52vw;}
    to {left: 50vw;}
}

div.floating-subject:nth-child(21){
    animation-name: move-subject21;
    animation-delay: 3.48s;
    background-color: #039BE5;
    top: 34vw;
    left: 5vw;
}

@keyframes move-subject21{
    from {left: 5vw;}
    to {left: 3vw;}
}

div.floating-subject:nth-child(22){
    animation-name: move-subject22;
    animation-delay: 8.70s;
    background-color: #F6BF26;
    top: 34vw;
    left: 66vw;
}

@keyframes move-subject22{
    from {left: 66vw;}
    to {left: 64vw;}
}

div.floating-subject:nth-child(23){
    animation-name: move-subject23;
    animation-delay: 5.65s;
    background-color: #D50000;
    top: 21vw;
    left: 38vw;
}

@keyframes move-subject23{
    from {left: 38vw;}
    to {left: 36vw;}
}

div.floating-subject:nth-child(24){
    animation-name: move-subject24;
    animation-delay: 3.04s;
    background-color: #039BE5;
    top: 22vw;
    left: 70vw;
}

@keyframes move-subject24{
    from {left: 70vw;}
    to {left: 68vw;}
}

div.floating-subject:nth-child(25){
    animation-name: move-subject25;
    animation-delay: 2.17s;
    background-color: #F6BF26;
    left: 42vw;
    top: 11vw;
}

@keyframes move-subject25{
    from {left: 42vw;}
    to {left: 40vw;}
}

div.floating-subject:nth-child(26){
    animation-name: move-subject26;
    animation-delay: 6.96s;
    background-color: #0B8043;
    top: 3.5vw;
    left: 46vw;
}

@keyframes move-subject26{
    from {left: 46vw;}
    to {left: 44vw;}
}

div.floating-subject:nth-child(27){
    animation-name: move-subject27;
    animation-delay: 9.13s;
    background-color: #039BE5;
    top: 25vw;
    left: 85vw;
}

@keyframes move-subject27{
    from {left: 85vw;}
    to {left: 83vw;}
}

div.floating-subject:nth-child(28){
    animation-name: move-subject28;
    animation-delay: 6.09s;
    background-color: #8E24AA;
    top: 2vw;
    left: 68vw;
}

@keyframes move-subject28{
    from {left: 68vw;}
    to {left: 66vw;}
}

div.floating-subject:nth-child(29){
    animation-name: move-subject29;
    animation-delay: 9.57s;
    background-color: #0B8043;
    top: 35vw;
    left: 20vw;
}

@keyframes move-subject29{
    from {left: 20vw;}
    to {left: 18vw;}
}

div.floating-subject:nth-child(30){
    animation-name: move-subject30;
    animation-delay: 6.52s;
    background-color: #039BE5;
    top: 36vw;
    left: 82vw;
}

@keyframes move-subject30{
    from {left: 82vw;}
    to {left: 80vw;}
}

div.floating-subject:nth-child(31){
    animation-name: move-subject31;
    animation-delay: 2.61s;
    background-color: #D50000;
    left: 35.5vw;
    top: 36.5vw;
}

@keyframes move-subject31{
    from {left: 35.5vw;}
    to {left: 33.5vw;}
}

@media only screen and (max-device-width: 480px){
    article:nth-child(7) div.floating-subject{
        border-radius: 1.25vw;
        box-shadow: 0 0 1.5vw 0.75vw rgba(51, 51, 51, 0.3);
        font-size: 3.5vw;
        height: 7.5vw;
        line-height: 7.5vw;
        padding: 0 5vw 0 5vw;
    }

    div.floating-subject:nth-child(9){
        left: 7vw;
        top: 117vw;
    }

    @keyframes move-subject9{
        from {left: 7vw;}
        to {left: 5vw;}
    }

    div.floating-subject:nth-child(10){
        top: 170vw;
        left: 45vw;
    }

    @keyframes move-subject10{
        from {left: 45vw;}
        to {left: 43vw;}
    }

    div.floating-subject:nth-child(11){
        top: 53vw;
        left: 15vw;
    }

    @keyframes move-subject11{
        from {left: 15vw;}
        to {left: 13vw;}
    }

    div.floating-subject:nth-child(12){
        top: 68vw;
        left: 70vw;
    }

    @keyframes move-subject12{
        from {left: 70vw;}
        to {left: 68vw;}
    }

    div.floating-subject:nth-child(13){
        top: 148vw;
        left: 5vw;
    }

    @keyframes move-subject13{
        from {left: 5vw;}
        to {left: 3vw;}
    }

    div.floating-subject:nth-child(14){
        top: 88vw;
        left: 7vw;
    }

    @keyframes move-subject14{
        from {left: 7vw;}
        to {left: 5vw;}
    }

    div.floating-subject:nth-child(15){
        top: 174vw;
        left: 9vw;
    }

    @keyframes move-subject15{
        from {left: 9vw;}
        to {left: 7vw;}
    }

    div.floating-subject:nth-child(16){
        top: 92vw;
        left: 65vw;
    }

    @keyframes move-subject16{
        from {left: 65vw;}
        to {left: 63vw;}
    }

    div.floating-subject:nth-child(17){
        top: 156vw;
        left: 52vw;
    }

    @keyframes move-subject17{
        from {left: 52vw;}
        to {left: 50vw;}
    }

    div.floating-subject:nth-child(18){
        top: 143vw;
        left: 62vw;
    }

    @keyframes move-subject18{
        from {left: 62vw;}
        to {left: 60vw;}
    }

    div.floating-subject:nth-child(19){
        top: 110vw;
        left: 55vw;
    }

    @keyframes move-subject19{
        from {left: 55vw;}
        to {left: 53vw;}
    }

    div.floating-subject:nth-child(20){
        top: 131vw;
        left: 54vw;
    }

    @keyframes move-subject20{
        from {left: 54vw;}
        to {left: 52vw;}
    }

    div.floating-subject:nth-child(21){
        top: 68vw;
        left: 5vw;
    }

    @keyframes move-subject21{
        from {left: 5vw;}
        to {left: 3vw;}
    }

    div.floating-subject:nth-child(22){
        top: 122vw;
        left: 75vw;
    }

    @keyframes move-subject22{
        from {left: 75vw;}
        to {left: 73vw;}
    }

    div.floating-subject:nth-child(23){
        top: 100vw;
        left: 22vw;
    }

    @keyframes move-subject23{
        from {left: 22vw;}
        to {left: 20vw;}
    }

    div.floating-subject:nth-child(24){
        top: 104vw;
        left: 80vw;
    }

    @keyframes move-subject24{
        from {left: 80vw;}
        to {left: 78vw;}
    }

    div.floating-subject:nth-child(25){
        left: 28vw;
        top: 78vw;
    }

    @keyframes move-subject25{
        from {left: 28vw;}
        to {left: 26vw;}
    }

    div.floating-subject:nth-child(26){
        top: 63vw;
        left: 34vw;
    }

    @keyframes move-subject26{
        from {left: 34vw;}
        to {left: 32vw;}
    }

    div.floating-subject:nth-child(27){
        top: 159vw;
        left: 20vw;
    }

    @keyframes move-subject27{
        from {left: 20vw;}
        to {left: 18vw;}
    }

    div.floating-subject:nth-child(28){
        top: 55vw;
        left: 67vw;
    }

    @keyframes move-subject28{
        from {left: 67vw;}
        to {left: 65vw;}
    }

    div.floating-subject:nth-child(29){
        top: 168vw;
        left: 72vw;
    }

    @keyframes move-subject29{
        from {left: 72vw;}
        to {left: 70vw;}
    }

    div.floating-subject:nth-child(30){
        top: 80vw;
        left: 63vw;
    }

    @keyframes move-subject30{
        from {left: 63vw;}
        to {left: 61vw;}
    }

    div.floating-subject:nth-child(31){
        left: 20vw;
        top: 133vw;
    }

    @keyframes move-subject31{
        from {left: 18vw;}
        to {left: 16vw;}
    }
}