1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00

changed header appearance

This commit is contained in:
Fedor Katurov 2019-11-11 10:49:17 +07:00
parent 4af7e00728
commit 20625b3b03
6 changed files with 104 additions and 73 deletions

View file

@ -27,6 +27,7 @@
transition: color 0.25s;
text-decoration: none;
color: white;
white-space: nowrap;
&:hover {
color: $red;

View file

@ -9,23 +9,35 @@
.menu {
position: absolute;
right: 0;
right: -$gap;
top: 100%;
padding: $gap;
background: $content_bg;
border-radius: 0 0 $radius $radius;
border-radius: $radius;
display: none;
z-index: 1;
background: $content_bg;
min-width: 100%;
box-sizing: border-box;
// transform: translate(0, $gap);
padding: $gap;
& > div {
background: transparentize($content_bg, 0.2) url('~/sprites/stripes.svg');
padding: $gap $gap * 2;
cursor: pointer;
opacity: 0.5;
box-sizing: border-box;
transition: opacity 0.25s;
width: 100%;
&:first-child {
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
&:last-child {
border-bottom-left-radius: $radius;
border-bottom-right-radius: $radius;
}
}
&:hover > div {
@ -42,8 +54,8 @@
cursor: pointer;
margin-left: $gap;
white-space: nowrap;
box-shadow: inset transparentize($content_bg, 0.8) 0 0 0 1px;
background: transparentize($content_bg, 0.1);
// box-shadow: inset transparentize($content_bg, 0.8) 0 0 0 1px;
// background: transparentize($content_bg, 0.1);
padding: 0;
}

View file

@ -44,6 +44,7 @@
box-sizing: border-box;
position: relative;
color: #cccccc;
word-break: break-all;
b {
font-weight: 600;

View file

@ -21,17 +21,9 @@
margin-right: $gap;
border-radius: $radius;
padding: $gap * 2;
display: none;
}
// .content {
// padding: $gap;
// text-align: center;
// font: $font_24_bold;
// text-transform: uppercase;
// position: relative;
// display: none;
// }
.cover {
position: fixed;
z-index: 1;
@ -40,9 +32,7 @@
width: 100%;
height: 100vh;
overflow: hidden;
// background: linear-gradient($red, transparentize($red, 1));
background: 50% 0% no-repeat/cover url('~/sprites/boris_bg.svg');
// display: none;
}
.header {
@ -80,6 +70,12 @@
align-items: flex-start;
justify-content: center;
flex-direction: row;
width: 80%;
margin: auto;
@include tablet {
width: 100%;
}
}
.image {
@ -90,7 +86,16 @@
justify-content: flex-end;
img {
width: 90%;
// width: 90%;
}
@include tablet {
height: 100px;
width: 100%;
img {
display: none;
}
}
}
@ -104,6 +109,18 @@
align-items: flex-start;
justify-content: flex-end;
font: $font_48_bold;
font-size: 72px;
line-height: 0.95em;
flex-direction: column;
padding-bottom: $gap * 2;
padding: 0 10% $gap * 2;
@include tablet {
align-items: flex-start;
justify-content: center;
width: 100%;
padding: $gap;
font-size: 48px;
}
}

View file

@ -31,7 +31,7 @@
@keyframes erdball {
0% {
transform: translate(100%, 100%);
transform: translate(0, 100%);
}
100% {

View file

@ -55,7 +55,7 @@
fy="83.708092"
r="44.979172"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.7352932,-0.01764706,0.01387765,1.3646349,-204.79604,-62.042332)" />
gradientTransform="matrix(1.7352932,-0.01764706,0.01387765,1.3646349,-170.32084,-62.042332)" />
<linearGradient
id="linearGradient900"
inkscape:collect="always">
@ -420,7 +420,7 @@
x2="344.48761"
y2="129.496"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0,-21.166667)" />
gradientTransform="translate(34.475201,-21.166667)" />
<linearGradient
inkscape:collect="always"
id="linearGradient3482">
@ -446,7 +446,7 @@
x2="354.54169"
y2="126.321"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0,-21.166667)" />
gradientTransform="translate(34.475201,-21.166667)" />
<linearGradient
inkscape:collect="always"
id="linearGradient3490">
@ -468,7 +468,7 @@
x2="350.06058"
y2="140.94655"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0,-21.166667)" />
gradientTransform="translate(34.475201,-21.166667)" />
<linearGradient
inkscape:collect="always"
id="linearGradient3552">
@ -490,7 +490,7 @@
fx="329.13629"
fy="88.19883"
r="7.8439121"
gradientTransform="matrix(1.2742904,0,0,1.1775775,-5.6122675,-10.427498)"
gradientTransform="matrix(1.2742904,0,0,1.1775775,20.846066,-10.427498)"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
@ -513,7 +513,7 @@
fx="339.75308"
fy="32.140087"
r="6.7187967"
gradientTransform="matrix(1.3347285,0,0,0.52321626,-29.058353,20.615539)"
gradientTransform="matrix(1.3347285,0,0,0.52321626,-2.6000188,20.615539)"
gradientUnits="userSpaceOnUse" />
<radialGradient
inkscape:collect="always"
@ -524,7 +524,7 @@
fx="380.88809"
fy="79.419098"
r="4.7407265"
gradientTransform="matrix(1,0,0,1.9097964,84.66667,-66.963547)"
gradientTransform="matrix(1,0,0,1.9097964,111.12501,-66.963547)"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
@ -661,7 +661,7 @@
inkscape:cx="603.46092"
inkscape:cy="101.82245"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:current-layer="g3583"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
@ -694,7 +694,7 @@
transform="translate(-373.81843,77.787448)"
id="g1081">
<ellipse
transform="matrix(0.40004177,0,0,0.40004177,284.57243,61.038948)"
transform="matrix(0.40004177,0,0,0.40004177,311.03078,61.038948)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -708,7 +708,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.18735757,0,0,0.18735757,376.81251,87.767217)" />
transform="matrix(0.18735757,0,0,0.18735757,403.27086,87.767217)" />
<ellipse
style="opacity:0.80869565;fill:#d5ffe6;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
id="ellipse3703"
@ -716,57 +716,57 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.20440322,0,0,0.20440322,401.75544,70.560933)" />
transform="matrix(0.20440322,0,0,0.20440322,428.21379,70.560933)" />
<path
inkscape:connector-curvature="0"
id="path3871"
d="m 417.77712,39.957349 c 0,0 7.14375,-5.027083 13.36146,-5.027083"
d="m 444.23547,39.957349 c 0,0 7.14375,-5.027083 13.36146,-5.027083"
style="opacity:0.60900005;fill:none;stroke:url(#radialGradient3879);stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<g
transform="matrix(0.76745984,0,0,0.76745984,176.09113,6.5860795)"
id="g3583">
<path
style="fill:#374845;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 349.60616,149.35152 2.85336,-1.98187 17.3047,-17.53781 5.30222,-23.86564 -1.14434,4.90968 -7.12593,20.49392 z"
d="m 384.08136,149.35152 2.85336,-1.98187 17.3047,-17.53781 5.30222,-23.86564 -1.14434,4.90968 -7.12593,20.49392 z"
id="path3476"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
<path
style="fill:#19201f;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 375.15516,105.6806 -6.42418,23.31826 -19.12481,20.35266 -1.02231,-2.62018 13.36763,-19.08194 -0.12652,-9.90058 z"
d="m 409.63036,105.6806 -6.42418,23.31826 -19.12481,20.35266 -1.02231,-2.62018 13.36763,-19.08194 -0.12652,-9.90058 z"
id="path3449"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
<path
style="fill:#374845;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 338.74276,148.73038 -0.80327,-4.14381 -9.92729,-19.61929 2.56866,-5.68006 c 0,0 -2.39194,-2.20708 -2.63096,-1.76366 l -0.23905,0.44342 -1.91789,7.51849 z"
d="m 373.21796,148.73038 -0.80327,-4.14381 -9.92729,-19.61929 2.56866,-5.68006 c 0,0 -2.39194,-2.20708 -2.63096,-1.76366 l -0.23905,0.44342 -1.91789,7.51849 z"
id="path3474"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccc" />
<ellipse
ry="13.768127"
rx="15.163113"
cy="9.2823563"
cx="371.63687"
cy="5.6849346"
cx="406.25998"
id="ellipse6063"
style="opacity:0.34000017;fill:none;fill-opacity:1;stroke:#2affd5;stroke-width:0.25950801"
transform="matrix(0.99458815,0.1038962,-0.0109865,0.99993965,0,0)" />
<path
style="fill:#161d1b;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 318.99521,111.22063 -0.49878,15.54703 15.93949,21.91363 4.30684,0.0491 -12.94981,-23.24491 3.13368,-9.68437 z"
d="m 353.47041,111.22063 -0.49878,15.54703 15.93949,21.91363 4.30684,0.0491 -12.94981,-23.24491 3.13368,-9.68437 z"
id="path3447"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
<circle
style="fill:url(#radialGradient4635);fill-opacity:1;stroke-width:0.1711164"
id="path4619"
cx="340.17853"
cx="374.65378"
cy="80.797707"
r="44.979172" />
<g
id="g4980"
clip-path="url(#clipPath4984)"
transform="translate(0,-37.041668)">
transform="translate(34.475201,-37.041668)">
<ellipse
transform="matrix(1.5757282,0.23146107,-0.20900143,1.7450588,-197.08653,-112.20092)"
style="opacity:0.35800003;fill:#050e11;fill-opacity:1;stroke-width:0.26458332;filter:url(#filter4955)"
@ -830,7 +830,7 @@
transform="matrix(0.52125432,0,0,0.52125432,208.32803,97.976508)" />
</g>
<g
transform="matrix(0.66411258,0.38342558,-0.38342558,0.66411258,198.50434,-70.367332)"
transform="matrix(0.66411258,0.38342558,-0.38342558,0.66411258,232.97954,-70.367332)"
id="use4648">
<g
style="fill:#171d19;fill-opacity:1"
@ -1024,45 +1024,45 @@
transform="rotate(-14.215013)"
ry="5.5191154"
rx="2.8998742"
cy="166.38731"
cx="271.45654"
cy="174.85312"
cx="304.87619"
id="ellipse2002"
style="opacity:1;fill:#113f35;fill-opacity:1;stroke:none;stroke-width:0.26458332" />
<ellipse
style="opacity:1;fill:#161c1a;fill-opacity:1;stroke:none;stroke-width:0.26458332"
id="path6286"
cx="271.32999"
cy="165.80937"
cx="304.74963"
cy="174.27518"
rx="2.8998742"
ry="5.5191154"
transform="rotate(-14.215013)" />
<path
style="fill:#131915;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 336.32216,119.67173 c 1.04003,1.20435 8.7148,-9.18437 13.02347,-22.625767 l 6.40568,2.29773 c 0,0 -10.44064,21.524307 -14.06159,22.372227 z"
d="m 370.79736,119.67173 c 1.04003,1.20435 8.7148,-9.18437 13.02347,-22.625767 l 6.40568,2.29773 c 0,0 -10.44064,21.524307 -14.06159,22.372227 z"
id="path3496"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" />
<path
style="fill:url(#linearGradient3484);fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 348.33262,101.31287 4.09249,31.0529 -12.6907,29.28207 -3.62643,-2.08568 8.74484,-28.46283 -3.78779,-15.94331 c -0.0211,-0.0211 1.96246,-3.15061 7.26759,-13.84315 z"
d="m 382.80782,101.31287 4.09249,31.0529 -12.6907,29.28207 -3.62643,-2.08568 8.74484,-28.46283 -3.78779,-15.94331 c -0.0211,-0.0211 1.96246,-3.15061 7.26759,-13.84315 z"
id="path3445"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
<path
style="fill:url(#linearGradient3492);fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 349.65555,102.10662 3.01386,-0.41664 2.53371,30.54079 -13.5599,26.92136 -1.90881,2.49571 12.69072,-29.28207 z"
d="m 384.13075,102.10662 3.01386,-0.41664 2.53371,30.54079 -13.5599,26.92136 -1.90881,2.49571 12.69072,-29.28207 z"
id="path3472"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
<path
style="opacity:1;fill:url(#linearGradient3554);fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 340.96909,115.21775 2.52847,9.81712 7.73208,-6.39815 c 0,0 3.52257,-0.21254 3.24195,-1.14798 -0.28064,8.77282 -1.34172,-14.89948 -1.34172,-14.89948 l -3.97428,-3.277937 z"
d="m 375.44429,115.21775 2.52847,9.81712 7.73208,-6.39815 c 0,0 3.52257,-0.21254 3.24195,-1.14798 -0.28064,8.77282 -1.34172,-14.89948 -1.34172,-14.89948 l -3.97428,-3.277937 z"
id="path3498"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccc" />
</g>
<ellipse
transform="matrix(0.11444293,0,0,0.11444293,409.26741,118.8987)"
transform="matrix(0.11444293,0,0,0.11444293,435.72576,118.8987)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1076,9 +1076,9 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.12456547,0,0,0.12456547,382.74842,102.43518)" />
transform="matrix(0.12456547,0,0,0.12456547,409.20677,102.43518)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,426.87525,94.738683)"
transform="matrix(0.08767551,0,0,0.08767551,453.3336,94.738683)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1086,7 +1086,7 @@
id="ellipse3709"
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,397.37419,87.594932)"
transform="matrix(0.08767551,0,0,0.08767551,423.83254,87.594932)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1094,7 +1094,7 @@
id="ellipse3721"
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.06387825,0,0,0.06387825,407.512,96.981883)"
transform="matrix(0.06387825,0,0,0.06387825,433.97035,96.981883)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1102,7 +1102,7 @@
id="ellipse3723"
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.20440322,0,0,0.20440322,366.83044,104.55989)"
transform="matrix(0.20440322,0,0,0.20440322,393.28879,104.55989)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1116,7 +1116,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.08767551,0,0,0.08767551,431.10857,105.5866)" />
transform="matrix(0.08767551,0,0,0.08767551,457.56692,105.5866)" />
<ellipse
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
id="ellipse3729"
@ -1124,7 +1124,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.40004177,0,0,0.40004177,222.65993,38.813949)" />
transform="matrix(0.40004177,0,0,0.40004177,249.11828,38.813949)" />
<ellipse
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
id="ellipse3731"
@ -1132,9 +1132,9 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.08767551,0,0,0.08767551,352.79187,76.217847)" />
transform="matrix(0.08767551,0,0,0.08767551,379.25022,76.217847)" />
<ellipse
transform="matrix(0.20440322,0,0,0.20440322,248.29711,86.832807)"
transform="matrix(0.20440322,0,0,0.20440322,274.75546,86.832807)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1142,7 +1142,7 @@
id="ellipse3733"
style="opacity:0.80869565;fill:#d5ffe6;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,464.78625,37.664278)"
transform="matrix(0.08767551,0,0,0.08767551,491.2446,37.664278)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1156,9 +1156,9 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.15463501,0,0,0.15463501,457.19047,105.65812)" />
transform="matrix(0.15463501,0,0,0.15463501,483.64882,105.65812)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,392.47937,23.301181)"
transform="matrix(0.08767551,0,0,0.08767551,418.93772,23.301181)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1172,9 +1172,9 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.11445931,0,0,0.11445931,410.05587,39.52229)" />
transform="matrix(0.11445931,0,0,0.11445931,436.51422,39.52229)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,331.62519,97.384513)"
transform="matrix(0.08767551,0,0,0.08767551,358.08354,97.384513)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1182,7 +1182,7 @@
id="ellipse3743"
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.12456547,0,0,0.12456547,350.9984,91.851846)"
transform="matrix(0.12456547,0,0,0.12456547,377.45675,91.851846)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1190,7 +1190,7 @@
id="ellipse3745"
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,379.25022,107.96785)"
transform="matrix(0.08767551,0,0,0.08767551,405.70857,107.96785)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1198,7 +1198,7 @@
id="ellipse3747"
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)" />
<ellipse
transform="matrix(0.08767551,0,0,0.08767551,268.12515,49.759512)"
transform="matrix(0.08767551,0,0,0.08767551,294.5835,49.759512)"
ry="12.170834"
rx="11.641666"
cy="85.862556"
@ -1212,16 +1212,16 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.20440322,0,0,0.20440322,322.38049,113.29115)" />
transform="matrix(0.20440322,0,0,0.20440322,348.83884,113.29115)" />
<path
inkscape:connector-curvature="0"
id="path3838"
d="m 407.3011,85.549495 c 0,0 5.51914,11.038238 15.52837,14.312288"
d="m 433.75945,85.549495 c 0,0 5.51914,11.038238 15.52837,14.312288"
style="fill:none;fill-opacity:1;stroke:url(#radialGradient3869);stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path3881"
d="m 460.90421,93.667766 c 0,0 7.67291,-7.14375 8.46666,-12.567708 0.79375,-5.423959 0.79375,-5.423959 0.79375,-5.423959"
d="m 487.36256,93.667766 c 0,0 7.67291,-7.14375 8.46666,-12.567708 0.79375,-5.423959 0.79375,-5.423959 0.79375,-5.423959"
style="opacity:0.37400004;fill:none;stroke:url(#radialGradient3891);stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<ellipse
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
@ -1230,7 +1230,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.08767551,0,0,0.08767551,305.16684,107.96785)" />
transform="matrix(0.08767551,0,0,0.08767551,331.62519,107.96785)" />
<rect
id="rect1026"
width="390.52496"
@ -1245,7 +1245,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.08767551,0,0,0.08767551,189.88401,95.116656)" />
transform="matrix(0.08767551,0,0,0.08767551,216.34236,95.116656)" />
<ellipse
style="opacity:0.80869565;fill:#d5ffe6;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
id="ellipse2813"
@ -1253,7 +1253,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.20440322,0,0,0.20440322,216.54711,63.77626)" />
transform="matrix(0.20440322,0,0,0.20440322,243.00546,63.77626)" />
<ellipse
style="opacity:0.80869565;fill:#d7f4d7;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3699)"
id="ellipse2815"
@ -1261,7 +1261,7 @@
cy="85.862556"
rx="11.641666"
ry="12.170834"
transform="matrix(0.34414504,0,0,0.34414504,164.21699,95.320527)" />
transform="matrix(0.34414504,0,0,0.34414504,190.67534,95.320527)" />
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Before After
Before After