.form { width: 100%; } tr { width: 100%; } .first { width: 20%; text-align: right; font-size: 20px; padding: 10px; } input { border-radius: 10px; border-width: 1px; border-style: solid; border-color: black; height: 30px; width: 100%; font-size: 20px; padding-left: 10px; } textarea { border-radius: 10px; border-width: 1px; height: 100px; width: 100%; font-size: 20px; padding-left: 10px; } .second { width: 80%; font-size: 20px; } .no-robot { background-color: white; border-radius: 2px; border-color: #999; border-style: solid; border-width: 1px; width: 250px; height: 44px; padding: 10px; text-align: left; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { color: #333; } input[type="checkbox"] + label a { position: relative; left: -49px; } input[type="checkbox"] + label span { /*display: none;*/ display: inline-block; vertical-align: middle; } input[type="checkbox"] + label box { display: inline-block; vertical-align: middle; cursor: pointer; } input[type="checkbox"]:checked + label a { /*left: -39px;*/ } input[type="checkbox"]:checked + label span { display: inline-block; position: relative; vertical-align: middle; cursor: pointer; z-index: 1 } input[type="checkbox"]:checked + label box { /*left: -49px;*/ z-index: 0; } box { position: relative; left: -49; width: 44px; height: 44px; border: 1px solid #555; background-color: white; } .checkmark { width: 44px; height: 44px; transform: rotate(45deg); } .checkmark_stem { position: absolute; width: 6px; height: 18px; background-color: #3e3; left: 22px; top: 12px; } .checkmark_kick { position: absolute; width: 6px; height: 6px; background-color:#3e3; left: 16px; top: 24px; }