the position CSS data type denotes a coordinate in a 2D space used to set a location relative to a box. A specific
coordinate can be given by a two keywords, with specific offsets. A keyword represent one edge of the element's box or
the medium line between two edges: left, right, top, bottom or center (which represents either the center between the
left and right edges, or the center between the top or bottom edges, depending on the context). An offset can be
either a relative value, expressed as a percentage, or an absolute length value. Positive values are offset towards
the right or towards the bottom, whichever is suitable. Negative values are offset in the other.