*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html{height:100%;background-color:#efefef}body{min-height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto}.danddq-container{display:flex;flex-direction:column;height:95vh;width:95vw;background-color:#efefef;padding:1rem;overflow:hidden;overflow-y:auto;max-width:85rem}h2,h3{font-family:Arial,Helvetica,sans-serif}.make-it-row{display:flex;flex-direction:row;margin-top:2rem;margin-bottom:2rem}.d-inputarea{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid black;width:auto;background:#e9f0f0}.q-heading{background-color:#178c9a;color:#fff;font-weight:700;padding:.75rem 1rem;border:1px solid white;font-size:1rem;font-family:Arial,Helvetica,sans-serif;max-width:12rem}.ans-cell{min-height:80px;border:1px solid #d3d3d3;background:#eef3f3;padding:1rem;font-size:.85rem;font-family:Arial,Helvetica,sans-serif;max-width:12rem}.d-questionarea{min-height:10rem;min-width:10rem;border:1px solid black;margin-left:.5rem;margin-right:.5rem}.selection-area{display:flex;position:relative;padding:.5rem;height:fit-content;width:fit-content;border:1px solid black;flex-direction:column}.selection-block{display:flex;position:relative;min-height:2rem;width:fit-content;max-width:15rem;padding:.5rem 1rem;background-color:#3d9072;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1rem}.selection-box{display:flex;position:relative;flex-direction:column;height:fit-content;width:15rem;min-height:2rem;border:1px solid red;margin-left:2rem;margin-right:2rem;border:1px solid gray}.selection-heading{display:flex;position:relative;height:fit-content;min-height:2rem;width:100%;padding:.5rem;background-color:#3d9072;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1rem}.selection-item{display:flex;position:relative;height:fit-content;min-height:2rem;width:100%;padding:.5rem;background-color:#cddbd4;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:.75rem}.drop-cell{background-color:#f1f7f7;border:1px solid #d4d4d4}.selection-item{padding:.7rem;border:1px solid #cccccc;cursor:grab;background:#fff}.selection-item.alt{background:#e8eeeb}.selection-item:active{cursor:grabbing}.drop-cell:hover{background-color:#d8f0f0}