CSS rules order

.declaration-order {

/* Positioning */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;

/* Block model */

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
float: right;
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;

/* Borders */
border: 1px solid #e5e5e5;
border-radius: 3px;

/* Typography */
font: normal 13px/1.5 "Arial", sans-serif;
font-size: 13px;
font-family: "Arial", sans-serif;
font-style: normal;
line-height: 1.5;
text-align: center;
color: #333333;

/* Styling */
background-color: #f5f5f5;
opacity: 1;

/* Animations */
transition: color 1s;

/* Other */
will-change: auto;

}