.center-align {
    /* margin: 0 auto; */
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    height: max-content;
}

.left-align {
    margin-left: 0;
    margin-right: auto;
    width: max-content;
    height: max-content;
}

.right-align {
    margin-right: 0;
    margin-left: auto;
    width: max-content;
    height: max-content;
}

.scale-75 {
    transform: scale(0.75); /* Adjust the scale value as needed */
    transform-origin: top left;
    overflow: hidden; /* Prevent scrolling */
    width: 133%; /* Adjust width to counteract scaling */
    height: 133%; /* Adjust height to counteract scaling */
}

.scale-80 {
    transform: scale(0.8); /* Adjust the scale value as needed */
    transform-origin: top left;
    overflow: hidden; /* Prevent scrolling */
    width: 125%; /* Adjust width to counteract scaling */
    height: 125%; /* Adjust height to counteract scaling */
}

.scale-90 {
    transform: scale(0.9); /* Adjust the scale value as needed */
    transform-origin: top left;
    overflow: hidden; /* Prevent scrolling */
    width: 111%; /* Adjust width to counteract scaling */
    height: 111%; /* Adjust height to counteract scaling */
}

.scale-60 {
    transform: scale(0.6); /* Adjust the scale value as needed */
    transform-origin: top left;
    overflow: hidden; /* Prevent scrolling */
    width: 166%; /* Adjust width to counteract scaling */
    height: 166%; /* Adjust height to counteract scaling */
}

.scale-100 {
    transform: scale(1); /* Adjust the scale value as needed */
    transform-origin: top left;
    overflow: hidden; /* Prevent scrolling */
    width: 100%; /* Adjust width to counteract scaling */
    height: 100%; /* Adjust height to counteract scaling */
}