/*Transformaciones*/

.rotate90 {
    transform-origin: top left;
    transform: rotate(90deg) translate(0%, -100%);
    -webkit-transform: rotate(90deg) translate(0%, -100%);
    -ms-transform: rotate(90deg) translate(0%, -100%);
}
.rotate180 {
    transform-origin: top left;
    transform: rotate(180deg) translate(-100%, -100%);
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    -ms-transform: rotate(180deg) translate(-100%, -100%);
}
.rotate270 {
    transform-origin: top left;
    transform: rotate(270deg) translate(-100%, 0%);
    -webkit-transform: rotate(270deg) translate(-100%, 0%);
    -ms-transform: rotate(270deg) translate(-100%, 0%);
}

/*Fixes for mobile*/

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}


/*Design*/
.shadowCustom {
    box-shadow: 2px 5px 5px grey;
}
.shadowBlack {
    box-shadow: 2px 5px 5px #1b1b1b;
}