<html>
<head>
<style>
@page {
  size: 200px 250px;
  margin: 10px;
}
body {
  margin: 5px;
  padding: 40px;
  width: 90px;
}
</style>
</head>
<body style="font-family: 'TestFont'; color: black; font-size: 30px;">
<div style="border: 1px solid black; width: 50px; height: 50px;">
  ABC
  <div style="transform: rotate(45deg); width: 100%; height: 100%; background-color: red;">
    DEF
    <div style="transform: translateX(30px); width: 100%; height: 100%; background-color: purple;">GHI</div>
    JKL
  </div>
  MNO
</div>
</body>
</html>
