The Ultimate Centering in CSS

center.css

/* 
https://twitter.com/jacobmparis/status/1245193222181326848?s=21
*/
.center{
    text-align: center; 
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-self: center;
    justify-items: center;
    place-items: center;
    vertical-align: center;
    line-height: 100%;
    margin: auto;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
}