.width-50 {
    width: 48%;
}
.width-50-vw {
    width: 48vw;
}
.width-50-px {
    width: 50px;
}

.width-25 {
    width: 23%;
}
.width-25-vw {
    width: 23vw;
}
.width-25-px {
    width: 25px;
}


.width-75 {
    width: 72%;
}
.width-75-vw {
    width: 72vw;
}
.width-75-px {
    width: 75px;
}

.height-50 {
    height: 48%;
}
.height-50-vh {
    height: 48vh;
}
.height-50-px {
    height: 50px;
}

.height-25 {
    height: 23%;
}
.height-25-vw {
    height: 23vh;
}
.height-25-px {
    height: 25px;
}

.height-75 {
    height: 72%;
}
.height-75-vh {
    height: 72vh;
}
.height-75-px {
    height: 75px;
}

.width-30 {
    width: 30%;
}

.width-30-vw {
    width: 30vw;
}

.width-30-px {
    width: 30px;
}

.height-30 {
    height: 30%;
}
.height-30-vh{
    height: 30vh;
}
.height-30-px {
    height: 30px;
}

.height-100-px {
    height: 100px;
}
.height-200-px {
    height: 200px;
}

.height-100 {
    height: 96%;
}

.height-100-vh {
    height: 96vh;
}

.width-100-px {
    width: 100px;
}

.width-200-px {
    width: 200px;
}

.width-100 {
    width: 96%;
}

.width-100-vw {
    width: 96vw;
}