.top-10{
    top:10px
}
.top-20{
    top:20px
}
.top-30{
    top:30px
}
.top-40{
    top:40px
}

.top-50{
    top:50px
}

.top-60{
    top:60px
}

.top-70{
    top:70px
}

.top-80{
    top:80px
}

.top-90{
    top:90px
}

.top-100{
    top:100px
}

.top-120{
    top:120px
}

.top-150{
    top:150px
}

.top-180{
    top:180px
}

.top-200{
    top:200px
}

.top-250{
    top:250px
}

/* top percentage */
.top-20p{
    top:20%
}
.top-40p{
    top:40%
}
.top-90p{
    top:90%
}
.top-91p{
    top:91%
}
.top-93p{
    top:93%
}
.top-95p{
    top:95%
}

.top-100p{
    top:100%
}


/* percentage */
.bottom-0p{
    bottom: 0%;
}
.bottom-100p{
    bottom: 100%;
}

.bottom-105p{
    bottom: 105%;
}

.bottom-110p{
    bottom: 110%;
}