body{padding-bottom:20px}h3{font-size:1em}.list,.menu,.menu2,.image,.button-box,.box{width:45%;padding:10px;margin-bottom:10px;border-radius:5px;background-color:#dfffdf}.box{text-align:center}.box button{color:#ad00e2;background-color:#fffac4}button.accent{color:green}#parent-1,#parent-2,#child-1,#child-2,#descendant-1,#descendant-2{margin:16px;padding:16px;border:4px solid #212121;border-radius:8px;color:#fff;font-weight:500;font-size:20px;text-transform:uppercase}#parent-1,#parent-2{background-color:#673ab7}#child-1,#child-2{background-color:#448aff}#descendant-1,#descendant-2{background-color:#ff9800}#buttons-box{margin:16px;padding:20px;display:grid;gap:20px;justify-content:center;color:tomato;outline:1px solid tomato}#buttons-box.active{background-color:#e0ffff}.buttons-box-button{padding:10px 20px}.buttons-box-button.active{background-color:#90ee90}.output{margin-bottom:10px;text-align:center;text-transform:uppercase;font-size:24px;font-weight:700;text-shadow:2px 2px 3px #636363}.color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:4px}.color-palette .item{padding:0;margin:0;border:none;border-radius:4px;width:40px;height:40px;cursor:zoom-in;transition:transform .25s ease-in-out}.color-palette .item:hover{transform:scale(1.1)}.box1{width:45%;padding:10px;margin-bottom:10px;border-radius:5px;background-color:#dfffdf}.box1{text-align:center}.box-in-box{height:2000px}.box-in-box p{margin-bottom:600px}.box2-in-box,.box3-in-box,.box4-in-box{min-width:160px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;padding:12px;border:1px solid #03a9f4;border-radius:4px}.event-counter p{margin:0;font-size:16px}.event-counter span{font-size:48px;font-family:monospace}.part_4 .box{width:auto}