I have build several small or mini projects using HTML CSS mainly but looking back, the CSS property is not tidy or doesn’t have standarized sequence

I tried to put some personal rules to it to make it more tidy but somehow it still feels not quite good. example are below:

body{
 color : blue;
 background-color: red;
 font-size : 14px;
 font-family : abc;
 display : flex;
 align-items : center;
}

This are just some example, but as you guys can see i tried to make what seems like the same category together (color & background-color, font-size & font-family, display & align-items). But i wondered whether there is a better way, extension, or perhaps a standarized proffesional CSS Sequence for this