*
{
margin:0;
padding:0;
font-family:consols;
}
section
{
    padding  : 0px;
    background: #000000;
}
section h2
{
font-size:2.5em;
color:#029380;
}
section p
{
font-size: 1.5em;
color:#fff;
}

::-webkit-scrollbar
{
width: 0;
}
#scrollPath
{
    position: fixed;
    top:0;
    right: 0;
    width: 10px;
    height: 100px;
    background: rgba(255,255,255,0.05);
}
#progressbar
{
    position: fixed;
    top:0;
    right: 0;
    width: 10px; 
    background: linear-gradient(to top, #008aff,#00ffe7);
    animation:animate 5s linear infinite;
}
@keyframes animate 
{
    0%,100%
    {
        filter:hue-rotate(0deg);
    }
    50%
    {
        filter: hue-rotate(360deg);
    }
}
#progressbar:before
{
content: '';
position: absolute;
top:0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #008aff,#00ffe7);
filter: blur(10px);
}

#progressbar:after
{
content: '';
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #008aff,#00ffe7);
filter: blur(300px);
}

 






#progressbar
{
    position: fixed;
    top:0;
    right: 0;
    width: 10px; 
    background: linear-gradient(to top, #008aff,#00ffe7);
    animation:animate 5s linear infinite;
}
@keyframes animate 
{
    0%,100%
    {
        filter:hue-rotate(0deg);
    }
    50%
    {
        filter: hue-rotate(360deg);
    }
}
#progressbar:before
{
content: '';
position: absolute;
top:0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #008aff,#00ffe7);
filter: blur(10px);
}

#progressbar:after
{
content: '';
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, #008aff,#00ffe7);
filter: blur(300px);
}