body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: white;
}

.artwork-container {
    width: 20%;
    height: 60%; 
    background-color: gainsboro; 
}

.artwork {
    position: relative;
    width: 100%;
    height: 100%;
}

.prison {
    position: absolute;
    bottom: 0.1px; 
    width: 100%;
    height: 30%;
    background-color:red;

}

.conduit {
    position: absolute;
    top: 50%; 
    width: 100%;
    height: 8px; 
    background-color: black;
}

.conduit1 {
    position: absolute;
    left: 35%; 
    width: 8px;
    height: 50%; 
    background-color: black;
}

.conduit2 {
    position: absolute;
    right: 35%; 
    width: 8px;
    height: 50%; 
    background-color: black;
}

.square {
    position: absolute;
    top: 30%;
    left: 30%;
    width: 40%;
    height: 20%;
    background-color: burlywood;
    border: 6px solid black;
}

.line {
    position: absolute;
    left: 25%; 
    width: 6px;
    height: 100%; 
    background-color: black;
}

.line1 {
    position: absolute;
    left: 50%; 
    width: 6px;
    height: 100%; 
    background-color: black;
}

.line2 {
    position: absolute;
    left: 75%; 
    width: 6px;
    height: 100%; 
    background-color: black;
}