.SVGRectagle {
    fill: beige;
    stroke: burlywood;
    stroke-width: 5;
}
.SVGLine1 {
    fill: transparent;
    stroke-width: 4;
}
.SVGElement {
    stroke: blue;
    font-size: medium;
    font-family: 'Times New Roman', Times, serif;
}
.SVGCircleColor {
    fill: beige;
    stroke: magenta;
    stroke-width: 2;
}
.SVGElementH {
    stroke: chartreuse;
    font-size: medium;
    font-family: 'Times New Roman', Times, serif;
}
.SVGCircleUpdated {
    fill: darkorange;
    stroke: yellow;
    stroke-width: 4;
    
}
.SVGInFinity {
    fill: gold;
    stroke: white;
    stroke-width: 3;
}
.SVGCircleLeaf {
    fill: greenyellow;
    stroke: gold;
    stroke-width: 3;
}
.SVGCircleSelected {
    fill: darkkhaki;
    stroke: white;
    stroke-width: 3;
}
/*Trognometric ratios*/

.SVGTriangle {
    fill: transparent;
    stroke: yellowgreen;
    stroke-width: 4;
}

.SVGRectangle {
    fill: cadetblue;
    stroke: blueviolet;
    stroke-width: 4;
}

.SVGRatioAngle {
    fill: ButtonShadow;
    stroke: orchid;
    stroke-width: 4;
}

.SVGTriangleVertexName {
    stroke: crimson;
    font-size: x-large;
    font-family: 'Times New Roman', Times, serif;
}