/*
    Este CSS permite obtener tamaños de elementos de forma simple
    - El formato de escritura es siempre en clases
    - Siempre es en minúsculas
    - La primer letra indica si es ancho o alto (w para alto y h para alto
    - Las siguientes dos letras serán los numeros de las medidas, y siempre van de 10 en 10
    - La proxima indica el tipo, que puede ser p para porcentaje y v para ViewWidth o ViewHeight

*/
.w100p {
    width: 100%;
}

.w90p {
    width: 90%;
}

.w80p {
    width: 80%;
}

.w70p {
    width: 70%;
}

.w60p {
    width: 60%;
}

.w50p {
    width: 50%;
}

.w40p {
    width: 40%;
}

.w30p {
    width: 30%;
}

.w20p {
    width: 20%;
}

.w10p {
    width: 10%;
}

.h100p {
    height: 100%;
}

.h90p {
    height: 90%;
}

.w10p {
    height: 10%;
}

/*
    La siguiente sección permite escribir márgenes (margin) de forma rápida, usando la nomenclatura: m+direccion+cantidad+p
    Ejemplo:
    me5p -> Margin End 5 Percent
*/
.me5p{
    margin-left: 5%;
}

.my10px{
    margin: 10px 0;
}