﻿
svg {
    width: 100%;
    height: 100%;
}

.svg-path-class {
    transition-duration: 0.3s;
}

    .svg-path-class:hover {
        background-color: black;
        filter: brightness(50%);
    }

.path-selected {
    stroke: red !important;
    fill: red !important;
}

.user-choice {
    stroke: #0000ff !important;
    fill: #8888ff !important;
}

.correct-choice {
    stroke: #00ff00 !important;
    fill: #88ff88 !important;
}

.user-bad-choice {
    stroke: #ff0000 !important;
    fill: #ff8888 !important;
}