htm, body {
  margin: 0;
  padding: 0;}

main {
  width: 80%;
  margin: 2em auto; }
.rotation {
  width: 300px; }
@media (min-width: 500px) {
  .rotation{
    background: #cccccc;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); } }
@media (min-width: 700px) {
  .rotation {
    background: #4c4c4c;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg); } }
@media (min-width: 900px) {
  .rotation {
    width: 400px;
    background: black;
    color:#fff;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg); } }