* {
    max-width: 90ch;
}

html, body {
    max-width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;

}

.target {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: tomato;
    margin: 100px;
}

.pad, #distance-pad {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 300px;
    border: 1px solid currentColor;
    cursor:crosshair;
}


#distance-round, #multi-round {
    position: absolute;
    left: 30%;
    top: 30%;
}


#multi-color {
    position: absolute;
    right: 10%;
    bottom: 10%;
}

img {
    margin: 16px 0;
    border: 1px solid currentColor;
}