OOPM – front page

.container { position: relative; text-align: center; color: blue; } .p2 { font-family: Arial, Helvetica, sans-serif; } .bottom-left { position: absolute; bottom: 8px; left: 16px; }

.top-left { position: absolute; top: 8px; left: 16px; }

.top-right { position: absolute; top: 8px; right: 16px; }

.bottom-right { position: absolute; bottom: 8px; right: 16px; }

.bottom-right-read { position: absolute; bottom: 20px; right: 50px; } .centered { position: absolute; top: 10%; left: 10%; transform: translate(-10%, -10%); } * { box-sizing: border-box; }

/* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; line-height="0.4; }

/* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } .next-read{ color: white; padding: 2px 4px; font-size: 18px; } .triangle-right { width: 0; height: 0; border-top: 8px solid transparent; border-left: 12px solid #555; border-bottom: 8px solid transparent; }