.part1 {
		background-color: red;
	}
	.both {
		background-color: green;
	}
	.part2 {
		background-color: blue;
	}
.ruler {
      position: absolute;
      height: 2px;
      background-color: black;
	top: 2px;
	left: 0px;
    }

    /* Styling for the marks */
    .mark {
      position: absolute;
      width: 1px;
      height: 10px;
      background-color: black;
    }

    .long-mark {
      height: 20px;
      background-color: red;
    }

    .longest-mark {
      height: 30px;
      background-color: blue;
    }