@import url("/css/style.css");
/* 
*************************
******ADMISION.HTML******
*************************
*/
.particles{
    position:absolute;
    top:0px;
    display:flex;
    align-items: end;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0 20px;
    pointer-events: none;
}

.particles span{
    width: 20px;
    height: 20px;
    background-color: #dff853;
    box-shadow: 0 0 0 10px #4fc3dc44,
                0 0 50px #1078ee,
                -100px 0 #0099ff99,
                100px 0 #f58b0099
    ;
    margin: 0 4px;
    border-radius:50%;
    animation: animate ease 15s infinite;
    animation-duration: calc(125s / var(--i));
}

.particles span:nth-child(even){
    background: #ffffff;
    box-shadow: 0 0 0 10px #dff70a44,
                0 0 50px #ff2d75,
                -100px 0 #5de1ff99,
                100px 0 #1f97b399
    ;
}
.requirements li a{
    color: #266792;
    text-decoration:underline;
}
@keyframes animate {
    0%{
        transform: translateY(0vh) scale(0) rotate(0deg);
    }
    30%{
        transform: translateY(-1vh) scale(1) rotate(0deg);
    }
    100%{
        transform: translateY(-50vh) scale(0.5) rotate(360deg);
    }
}