svg {
    background-color:transparent;
    display:inline-block;
    height: 100%;
    width: 100%; 
}
svg polyline, svg line, svg path {
    stroke: black;
    /* stroke-linecap: round; stroke-linejoin: round; */
    transition: 0.2s;
}
.svgAdPlus path.paper {
    fill: var( --colorJ );    
    stroke: var( --colorC );     
    stroke-width:14; d: path("M 10,10 L 10,250 L 250,300 L 300,10 z ");
}
.svgAdPlus path.plus {
    fill: black; stroke-width:20; d: path(" M 100,100 L 200,100 M 150,50 L 150,150");
}
.svgAdPlus path.pen {
    fill: blue; stroke-width:20; d: path(" M 320,60 l -170,170 l -10,30 l 30,-10 l 170,-170 z");
}
.svgAdPlus:hover path.paper {
    fill: white; /*none;*/ d: path("M10 10 L10 300 L300 300 L300 10 z");
}

.svgHome path.house {
    stroke:black;   stroke-width:2; d: path("M05 04 L27 04 M01 09 L31 09 M09 02 L09 28 M23 02 L23 28");
}
.svgHome path.doorwin {
    fill: black; stroke-width:0; d: path("M11 16 L 16 16 L 16 28 L 11 28 Z M17 16 L 21 16 L 21 20 L 17 20 Z");
}
.svgHome path.grass {
    stroke: var( --colorJ );    
    stroke-width:2; d: path("M1 29 L31 29");
}
.svgHome:hover path.doorwin {
    fill: var( --colorA );
    stroke-width:0; d: path("M11 16 L 16 16 L 16 28 L 11 28 Z M17 16 L 21 16 L 21 20 L 17 20 Z");
}
.svgMenu path.lineA {
    stroke:black;   stroke-width:1;     d: path("M1 1 L7 1 M1 5 L7 5");    
}
.svgMenu path.lineB {
    stroke: var( --colorJ );    
    stroke-width:1;     d: path("M1 3 L7 3 M1 7 L7 7");
}
.svgMenu:hover path.lineB {
    stroke: var( --colorA ); stroke-width:1;     d: path("M1 3 L7 3 M1 7 L7 7");
}

.svgUser {
    stroke-width:0; 
}
.svgUserActive {
    stroke-width:0; 
    fill: var( --colorJ );
}
.svgUser path.huvud, .svgUserActive path.huvud {
    d: path("M16 10 M7 10 A 9 9 0 1 1 25 10 A 9 9 0 1 1 7 10 M25 10");    
}
.svgUser path.kropp, .svgUserActive path.kropp {
    d: path("M2 31 Q16 10 30 31 Z");    
}
.svgUser:hover, .svgUserActive:hover {
    fill: var( --colorA ); 
}
.svgUser:hover path.kropp, .svgUserActive:hover path.kropp {
    d: path("M2 31 Q20 10 30 31 Z");    
}