Changed illustration on contact form, styling tweaks

This commit is contained in:
Moris Zen
2018-08-30 22:30:00 +02:00
parent 3e4bfca8f2
commit d6f21c567e
4 changed files with 420 additions and 134 deletions

View File

@@ -0,0 +1,281 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1358px" height="701px" viewBox="0 0 1358 701" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>best-web-development-sweden@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0.962868649 0.880108503 21.1824401 0.880108503 21.1824401 263.178848 0.962868649 263.178848"></polygon>
<polygon id="path-3" points="-66.4358301 263.09523 88.5810118 263.09523 88.5810118 283.333302 -66.4358301 283.333302"></polygon>
<polygon id="path-5" points="-123.243281 -19.2743822 146.351234 -19.2743822 146.351234 0.963702438 -123.243281 0.963702438"></polygon>
<linearGradient x1="93.3958167%" y1="100%" x2="47.2239242%" y2="13.4126393%" id="linearGradient-7">
<stop stop-color="#C6C9DC" offset="0%"></stop>
<stop stop-color="#FCFDFF" offset="100%"></stop>
</linearGradient>
<polygon id="path-8" points="0.962936047 141.630301 29.2576186 0.927463662 192.567566 3.81858736 165.608079 141.630301"></polygon>
<linearGradient x1="0%" y1="71.6702355%" x2="104.617679%" y2="57.107133%" id="linearGradient-10">
<stop stop-color="#54CBD1" offset="0%"></stop>
<stop stop-color="#57EBF3" offset="100%"></stop>
</linearGradient>
<radialGradient cx="42.0546178%" cy="45.5410746%" fx="42.0546178%" fy="45.5410746%" r="40.697833%" gradientTransform="translate(0.420546,0.455411),scale(0.938979,1.000000),rotate(-69.910157),scale(1.000000,1.538504),translate(-0.420546,-0.455411)" id="radialGradient-11">
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#323C77" offset="100%"></stop>
</radialGradient>
<radialGradient cx="52.9469765%" cy="28.6240847%" fx="52.9469765%" fy="28.6240847%" r="54.1473232%" gradientTransform="translate(0.529470,0.286241),scale(0.837410,1.000000),rotate(108.260519),scale(1.000000,3.925275),translate(-0.529470,-0.286241)" id="radialGradient-12">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</radialGradient>
<filter x="-49.1%" y="-58.6%" width="198.2%" height="217.2%" filterUnits="objectBoundingBox" id="filter-13">
<feGaussianBlur stdDeviation="36.78125" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="78.2262224%" y1="24.9293251%" x2="50%" y2="123.255884%" id="linearGradient-14">
<stop stop-color="#323C78" offset="0%"></stop>
<stop stop-color="#3C4681" offset="100%"></stop>
</linearGradient>
<path d="M4.00405319,43.3626991 C2.10004146,34.6822469 -0.764213708,28.2253388 2.10004146,16.50728 C4.96429662,4.78922132 37.9203107,-1.85217394 42.0782419,1.90096147 C46.2363242,5.65402659 45.5596345,7.66286276 62.0315956,16.4111359 C78.5035568,25.1593388 125.717667,35.3343122 135.823424,46.6829048 C145.929181,58.031427 147.810219,65.5350272 126.806991,65.5350272 L61.8394865,65.5350272 C50.179474,61.3086208 46.2576361,59.0324365 39.7210884,55.1201854 C38.3879628,60.0224119 39.7210884,64.1968807 39.7210884,64.1968807 L11.7422277,64.1968807 C11.7422277,64.1968807 5.90791377,52.043081 4.00405319,43.3626991 Z" id="path-15"></path>
<linearGradient x1="78.2262224%" y1="24.9293251%" x2="50%" y2="123.255884%" id="linearGradient-17">
<stop stop-color="#323C78" offset="0%"></stop>
<stop stop-color="#424C8C" offset="100%"></stop>
</linearGradient>
<path d="M17.3039278,73.2095411 C11.1044075,67.3568399 5.34318273,63.7837206 1.28920291,52.9535115 C-2.76463153,42.1231195 19.8156595,19.0956291 25.1438221,19.8285087 C30.47213,20.5614797 31.019745,22.5181116 48.8225415,20.5719977 C66.6256287,18.6258838 98.4688573,-3.0270345 112.621516,0.519012264 C126.774176,4.06524195 139.478787,4.13758785 122.802331,15.4590356 C114.964181,20.7803466 84.6179898,53.2106093 75.1987776,59.6054017 C63.6585928,62.5411271 59.3153234,62.8512724 52.0124321,63.274464 C53.6013445,67.8778036 56.9142195,70.4675308 56.9142195,70.4675308 L34.6991021,85.5490448 C34.6991021,85.5490448 23.5034481,79.0622423 17.3039278,73.2095411 Z" id="path-18"></path>
<linearGradient x1="87.5676604%" y1="16.2692604%" x2="57.9084106%" y2="80.0144172%" id="linearGradient-20">
<stop stop-color="#025AA2" offset="0%"></stop>
<stop stop-color="#025AA2" offset="100%"></stop>
</linearGradient>
<path d="M295.627195,147.906775 C338.893679,124.867538 363.548498,57.6108976 381.418624,38.6995968 C399.28887,19.7882961 407.179736,55.9697658 404.22561,66.621786 C401.271485,77.2738063 379.493171,148.86946 334.032874,206.69124 C334.032874,244.465219 290.037365,178.215797 295.627195,147.906775 Z" id="path-21"></path>
<filter x="-5.9%" y="-3.5%" width="111.9%" height="107.0%" filterUnits="objectBoundingBox" id="filter-22">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.000825005467 0 0 0 0 0.17067045 0 0 0 0 0.462517679 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-23">
<stop stop-color="#FABFA8" offset="0%"></stop>
<stop stop-color="#D9A08A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-24">
<stop stop-color="#434D8A" offset="0%"></stop>
<stop stop-color="#5763AB" offset="100%"></stop>
</linearGradient>
<path d="M7.7535465,79.467341 C20.3549118,62.4662802 51.2064486,27.0038408 117.619689,14.0853099 C184.032536,1.16677905 245.029459,-10.8958645 356.98879,22.4099371 C366.206635,130.511947 376.71047,239.351992 387.311011,261.393861 C379.225217,271.233065 350.015706,278.750813 332.879823,278.750813 C326.663018,254.412575 307.182906,195.776709 297.286936,166.773973 C287.390572,137.770945 283.881531,101.768836 285.793544,89.0746323 C252.053857,98.6603369 182.940746,127.79697 158.709811,136.428188 C134.478481,145.059698 51.3402579,172.423588 23.8217181,150.393387 C-3.69721644,128.363477 -4.8482135,96.4684019 7.7535465,79.467341 Z" id="path-25"></path>
<linearGradient x1="50%" y1="100%" x2="100%" y2="39.0738882%" id="linearGradient-27">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="16.3760257%" x2="50%" y2="76.5597425%" id="linearGradient-28">
<stop stop-color="#DDA793" offset="0%"></stop>
<stop stop-color="#FABFA8" offset="100%"></stop>
</linearGradient>
<path d="M11.4223686,53.8418888 C8.08207902,37.0881009 1.63832081,7.72152756 0.351925921,1.44674201 C-0.934550799,-4.82804355 61.3875173,16.8463441 61.3875173,16.8463441 L69.2244608,57.9250687 L78.1947738,127.398027 C78.1947738,127.398027 14.7628219,70.5956768 11.4223686,53.8418888 Z" id="path-29"></path>
<linearGradient x1="76.2362807%" y1="86.2362536%" x2="67.0850084%" y2="62.8012707%" id="linearGradient-31">
<stop stop-color="#000000" stop-opacity="0.25" offset="0%"></stop>
<stop stop-color="#000000" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<path d="M106.791661,0.248552894 C106.791661,0.248552894 130.455304,4.0999216 132.085393,7.06050714 C147.473687,18.2378157 162.279077,51.5031174 168.600677,68.736671 C174.922277,85.9702246 187.044634,103.767565 197.972378,117.605008 C208.899861,131.442451 214.141806,134.297326 228.459872,144.53546 C242.777938,154.773593 248.037427,162.896352 239.934383,170.528851 C231.831339,178.161585 185.169967,175.197711 151.953091,216.701112 C122.935164,228.597484 122.971039,232.948039 114.349248,207.242414 C105.727718,181.536789 34.8349865,117.264856 23.3363838,108.205507 C11.8375192,99.1461575 16.2797386,90.4415239 13.3814549,62.693581 C10.4831712,34.9458731 -10.4235934,12.4472553 7.16119555,12.4472553 C21.0191709,17.6056698 34.5183959,7.06050714 40.6113906,7.06050714 C62.8107039,12.5874973 67.8656793,34.4368205 77.081373,29.8548781 C86.2970667,25.2729356 92.197855,25.2729356 92.197855,25.2729356 C94.3480002,29.635471 95.0395766,37.1075257 97.1897218,41.4700611 C99.3401289,45.8325965 108.336906,54.582568 112.335009,62.693581 L105.267103,39.090176 L107.238921,24.9769475 L106.791661,0.248552894 Z" id="path-32"></path>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-34">
<stop stop-color="#6570B1" offset="0%"></stop>
<stop stop-color="#5763AB" offset="100%"></stop>
</linearGradient>
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-35">
<stop stop-color="#DDA48E" offset="0%"></stop>
<stop stop-color="#FABFA8" offset="100%"></stop>
</linearGradient>
<path d="M54.1259962,47.7073389 C70.9829679,54.5326244 125.574396,27.3648534 142.898063,29.7775086 C158.822482,31.9954812 138.61673,7.09131425 132.636467,2.68432188 C126.656204,-1.72255303 7.0832687,0.274720504 0.80700754,9.47231519 C-5.46908611,18.6699686 40.1464189,42.0469192 54.1259962,47.7073389 Z" id="path-36"></path>
<linearGradient x1="110.009435%" y1="19.1840632%" x2="13.8996672%" y2="50%" id="linearGradient-38">
<stop stop-color="#482D20" offset="0%"></stop>
<stop stop-color="#050504" offset="100%"></stop>
</linearGradient>
<path d="M218.351692,74.2173318 C218.351692,74.2173318 210.215457,61.8549617 216.504964,49.5938587 C222.79447,37.3327556 266,35 266,35 C266,35 278,5 251,1 C224,-3 221.612427,7.85051356 203.173211,15.3340471 C184.733994,22.8177664 169.683178,42.9540924 172.932372,74.2173318 C176.181565,105.480571 205.18408,131.078251 214.414588,135.788185 C211.730627,117.313194 211.611226,108.824796 211.611226,103.67932 C201.023135,108.571535 188.690618,84.309836 195.870789,77.9270461 C209.587105,65.7339498 216.504964,93.5058026 216.504964,93.5058026 C216.504964,93.5058026 218.351692,89.5515611 221.612427,85.8039413 C220.370113,79.1153068 218.351692,74.2173318 218.351692,74.2173318 Z" id="path-39"></path>
<filter x="-16.1%" y="-11.4%" width="132.2%" height="122.9%" filterUnits="objectBoundingBox" id="filter-40">
<feGaussianBlur stdDeviation="9" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="13" dy="12" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13988904 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M162.493394,151.288531 C134.019625,135.63564 77.1415596,91.1348981 62.1918016,94.7669733 C47.2422063,98.3990486 51.1218056,105.14626 51.1218056,120.622338 C51.1218056,136.098581 129.252331,188.361645 141.282098,214.222113 C146.43174,225.292189 159.624818,252.637458 183.240831,248.181737 C206.856681,243.726016 199.692642,220.259438 194.602875,201.331555 C188.620043,179.082419 180.027003,160.92731 162.493394,151.288531 Z" id="path-41"></path>
<filter x="-10.1%" y="-9.7%" width="120.1%" height="119.5%" filterUnits="objectBoundingBox" id="filter-42">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="18" dy="-8" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.00392156863 0 0 0 0 0.278431373 0 0 0 0 0.501960784 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M182.408255,305.255012 C312.694417,386.669283 447.251019,395.566339 492.494172,323.160855 C546.828869,217.608904 360.519372,263.280276 230.233209,181.866005 C99.9464644,100.452132 103.166738,32.4947781 13.2985516,0.130422418 C-31.9440202,72.5363044 52.1215103,223.841138 182.408255,305.255012 Z" id="path-43"></path>
<path d="M-50.646727,202.478338 C17.355951,246.641031 95.2545331,247.376512 123.343996,204.121188 C151.433763,160.865863 119.07752,89.9995404 51.074842,45.836848 C-16.927836,1.67415564 -94.8264181,0.938425398 -122.916186,44.1939987 C-151.005648,87.4493236 -118.64971,158.315646 -50.646727,202.478338 Z" id="path-45"></path>
<filter x="-11.3%" y="-13.5%" width="122.6%" height="126.9%" filterUnits="objectBoundingBox" id="filter-46">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-27.5" dy="-39.3" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M187.922615,378.503665 C238.038252,355.133714 253.61836,282.473728 222.721315,216.213131 C191.824271,149.952533 126.150375,115.182903 76.0344918,138.552854 C25.9186092,161.922804 10.3387468,234.58279 41.2357917,300.843388 C72.1328365,367.103986 137.806732,401.873615 187.922615,378.503665 Z" id="path-47"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-48">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-14.9" dy="-24.9" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M317.890666,490.182748 C368.006303,466.812797 383.586411,394.152812 352.689366,327.892214 C321.792322,261.631616 256.118426,226.861986 206.002543,250.231937 C155.88666,273.601887 140.306798,346.261873 171.203843,412.522471 C202.100888,478.783069 267.774784,513.552698 317.890666,490.182748 Z" id="path-49"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-50">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-24.9" dy="-12.7" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M560.49745,527.730026 C610.613332,504.360075 626.193195,431.700089 595.296395,365.439492 C564.39935,299.178894 498.725209,264.409264 448.609572,287.779215 C398.493689,311.149165 382.913827,383.809151 413.810872,450.069749 C444.707916,516.330347 510.381812,551.099976 560.49745,527.730026 Z" id="path-51"></path>
<filter x="-7.9%" y="-6.6%" width="115.8%" height="113.2%" filterUnits="objectBoundingBox" id="filter-52">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-9.9" dy="12.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M388.833934,454.299677 C443.718672,461.038783 492.387509,432.488752 497.539116,390.531534 C502.690722,348.574317 462.373997,309.098051 407.489471,302.358944 C352.604945,295.619837 303.936107,324.169869 298.784713,366.126919 C293.633107,408.084136 333.94962,447.560402 388.833934,454.299677 Z" id="path-53"></path>
<filter x="-10.0%" y="-12.9%" width="119.9%" height="125.9%" filterUnits="objectBoundingBox" id="filter-54">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-18.8" dy="2.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="75.5386921%" y1="0%" x2="50%" y2="100%" id="linearGradient-55">
<stop stop-color="#BB3043" offset="0%"></stop>
<stop stop-color="#F25267" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="StartUp" transform="translate(-47.000000, -4304.000000)">
<g id="best-web-development-sweden" transform="translate(725.500000, 4651.000000) scale(-1, 1) translate(-725.500000, -4651.000000) translate(46.000000, 4303.000000)">
<g id="laptop" transform="translate(855.000000, 258.000000)">
<g id="table" opacity="0.784688794" transform="translate(124.168919, 159.941043)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Rectangle-3" fill="#333C72" xlink:href="#path-1"></use>
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Rectangle-2-copy" fill="#5763AB" xlink:href="#path-3"></use>
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<use id="Rectangle-2" fill="#5763AB" xlink:href="#path-5"></use>
</g>
<polygon id="front" fill="#D2D2D2" points="80.8411739 140.666641 109.135983 0.927463662 272.445988 3.81858736 244.523719 140.666641"></polygon>
<polygon id="bottom" fill="#D2D2D2" points="0.925769071 132.811437 255.092067 132.811437 255.092067 141.630366 8.6283312 141.630366"></polygon>
<g id="back" transform="translate(89.506757, 0.000000)">
<mask id="mask-9" fill="white">
<use xlink:href="#path-8"></use>
</mask>
<use id="Shape-9" fill="url(#linearGradient-7)" xlink:href="#path-8"></use>
<path d="M98.2094441,57.7868404 C106.185901,57.7868404 112.652061,63.1802118 112.652061,69.8333102 C112.652061,76.4864086 106.185901,81.879834 98.2094441,81.879834 C90.2330826,81.879834 83.7669227,76.4864086 83.7669227,69.8333102 C83.7669227,63.1802118 90.2330826,57.7868404 98.2094441,57.7868404 Z" id="Ellipse-5" fill-opacity="0.1" fill="#000000" mask="url(#mask-9)"></path>
</g>
</g>
<g id="message" transform="translate(1134.000000, 20.000000)">
<g id="rocket">
<g id="Group-7" transform="translate(70.111195, 64.264561) scale(-1, 1) rotate(-10.000000) translate(-70.111195, -64.264561) translate(9.111195, 9.764561)">
<polygon id="Shape-5" fill="url(#linearGradient-10)" points="0.971974 66.588645 20.983268 40.339047 85.84713 81.095019 36.164094 23.760365 60.315702 0.96465 121.039372 108.03535"></polygon>
<polygon id="Shape-6" fill="#4DBBC2" points="20.2932571 41.0298157 35.474159 38.9574604 88.6073512 83.1673752"></polygon>
<polygon id="Shape-7" fill="#4DBBC2" points="34.7841318 38.9574247 36.8541788 23.7603283 87.2273122 81.7857491"></polygon>
</g>
</g>
</g>
<g id="Person" transform="translate(0.000000, 75.000000)">
<path d="M164.089593,563.097922 C285.92073,621.542865 464.798296,613.823139 545.037787,455.217337 C598.047976,353.164719 484.945462,230.96384 360.710277,145.991953 C249.207285,69.7291333 150.031499,52.4350939 91.8402222,95.3691007 C85.1950607,100.271776 73.3837847,99.3081683 68.0182405,105.979078 C-79.6822664,274.574945 42.2591359,504.652407 164.089593,563.097922 Z" id="chair" fill="url(#radialGradient-11)"></path>
<path d="M239.345129,417.071637 C369.631579,498.485917 504.188158,507.382814 549.431044,434.977478 C591.409743,356.751355 489.569011,215.274312 359.282561,133.860032 C228.996111,52.4462233 115.478951,39.5415329 70.2354954,111.94734 C24.9931778,184.352676 109.058679,335.657828 239.345129,417.071637 Z" id="cushion" fill="url(#radialGradient-12)"></path>
<path d="M268.78836,359.956512 C327.205524,396.481892 387.537307,400.47336 407.823079,367.989718 C426.64527,332.89466 380.98245,269.422962 322.565285,232.897583 C264.14812,196.372415 213.249883,190.582906 192.963857,223.066759 C172.67834,255.550402 210.371195,323.431344 268.78836,359.956512 Z" id="shadow" fill="#94B0D7" filter="url(#filter-13)"></path>
<g id="shoe" transform="translate(640.156550, 554.756447)">
<mask id="mask-16" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<use id="Path-17" fill="url(#linearGradient-14)" xlink:href="#path-15"></use>
<path d="M4.07438743,57.6183138 C10.1020976,42.0870263 33.5945278,13.1115189 40.4011624,3.68183696 C44.9389187,-2.60461768 29.9043591,1.09992201 -4.70251657,14.795456 C-2.86972066,53.6982196 0.0559140052,67.9725055 4.07438743,57.6183138 Z" id="Path-21" fill="#3D82F0" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-16)"></path>
</g>
<g id="shoe" transform="translate(681.628328, 289.074499)">
<mask id="mask-19" fill="white">
<use xlink:href="#path-18"></use>
</mask>
<use id="Path-17-Copy" fill="url(#linearGradient-17)" xlink:href="#path-18"></use>
<path d="M26.4768595,83.2628267 C17.1500804,63.9393405 26.7565233,20.3425332 22.5022349,16.4818273 C19.6660426,13.9080233 11.3134865,24.3078603 -2.5554333,47.6813383 C-9.15184812,54.2247026 -7.15018576,62.3881846 3.44955379,72.1717843 C19.3491631,86.8471838 35.8036385,102.586313 26.4768595,83.2628267 Z" id="Path-19" fill="#5763AB" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-19)"></path>
</g>
<g id="sleeve">
<use fill="url(#linearGradient-20)" fill-rule="evenodd" xlink:href="#path-21"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-22)" xlink:href="#path-21"></use>
</g>
<path d="M277.118998,71.5913936 C277.118998,71.5913936 379.673163,31.0324812 393.537208,33.7138671 C407.40112,36.3951741 365.964615,83.6575117 357.486649,87.4711348 C349.008683,91.2849158 337.4858,100.588966 324.734995,100.920379 C311.984189,101.25195 282.675028,107.565069 282.675028,107.565069 L277.118998,71.5913936 Z" id="arm" fill="url(#linearGradient-23)"></path>
<g id="leg" transform="translate(294.686901, 296.111748)">
<mask id="mask-26" fill="white">
<use xlink:href="#path-25"></use>
</mask>
<use id="Path-7" fill="url(#linearGradient-24)" xlink:href="#path-25"></use>
<path d="M236.671156,108.800007 C236.671156,93.7353609 274.816424,14.2268459 285.030845,5.7268689 C291.840458,0.0602175617 285.133884,-2.35179575 264.911121,-1.50917104 C218.8415,46.3086312 192.781804,83.0783573 186.732033,108.800007 C177.657376,147.382483 236.671156,123.864654 236.671156,108.800007 Z" id="Path" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" opacity="0.300000012" mask="url(#mask-26)"></path>
</g>
<g id="neck" transform="translate(207.892439, 103.338109)">
<mask id="mask-30" fill="white">
<use xlink:href="#path-29"></use>
</mask>
<use id="Path-4" fill="url(#linearGradient-28)" xlink:href="#path-29"></use>
<path d="M3.75252576,3.19261919 C3.75252576,9.49979504 27.4019056,36.4712707 40.1780516,43.8650255 C48.6954824,48.7941954 60.6269618,51.0303993 75.9724899,50.5736373 L72.4658045,14.2533367 L3.75252576,-3.09723455 C3.75252576,-3.10878263 3.75252576,-1.01216472 3.75252576,3.19261919 Z" id="Path-22" fill="#7B6ABA" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-30)"></path>
</g>
<g id="shirt" transform="translate(166.867945, 142.624642)">
<mask id="mask-33" fill="white">
<use xlink:href="#path-32"></use>
</mask>
<g id="Path-9">
<use fill="#025AA2" xlink:href="#path-32"></use>
<use fill="url(#linearGradient-31)" xlink:href="#path-32"></use>
</g>
</g>
<path d="M404.144321,302.649906 C439.019466,270.636673 538.843848,208.678365 595.770779,199.216937 C628.382083,204.641613 713.249169,296.627607 713.249169,296.627607 C709.422386,300.660062 699.335615,336.41422 683.404461,347.653234 C643.281416,314.345432 601.449495,298.792941 590.216621,281.570548 C576.20564,290.100327 540.189326,315.00943 519.473153,351.60427 C498.75739,388.19911 485.014436,429.890807 461.406286,430.934436 C437.798135,431.978066 404.505253,434.674407 373.836733,414.941429 C356.025279,403.480606 304.745412,377.934963 329.657932,361.196779 C343.935295,351.60427 389.523703,316.070489 404.144321,302.649906 Z" id="leg" fill="url(#linearGradient-34)"></path>
<path d="M268.202361,35.4722042 C270.564565,41.4337155 283.524895,67.5973433 284.773304,74.1189743 C286.021598,80.6408344 298.355375,124.143312 291.008244,130.842408 C283.660998,137.541733 261.629341,140.933613 255.47242,138.78834 C249.315384,136.643181 236.079068,135.268946 230.923325,126.220647 C226.960999,119.266524 214.372201,103.123643 211.070111,104.047972 C209.863747,106.527324 205.658889,109.176464 203.553309,107.474452 C194.455519,100.120489 186.657004,92.1559972 190.358809,74.1189743 C194.060615,56.0820658 207.039161,47.1830481 220.954386,41.3276261 C234.869611,35.4722042 265.840043,29.5108075 268.202361,35.4722042 Z" id="face" fill="#FABFA8"></path>
<g id="arm" transform="translate(55.005325, 87.822350)">
<mask id="mask-37" fill="white">
<use xlink:href="#path-36"></use>
</mask>
<use id="Path-13" fill="url(#linearGradient-35)" xlink:href="#path-36"></use>
<path d="M20.9357307,10.3300824 C24.4799379,11.6197539 96.3756542,42.9506507 114.163568,38.6108732 C126.022177,35.7176882 111.24641,41.1863916 69.8362671,55.0169834 C34.8731047,24.365935 18.5729259,9.47030132 20.9357307,10.3300824 Z" id="Path-24" fill="#DBA28C" opacity="0.5" mask="url(#mask-37)"></path>
</g>
<g id="hair">
<use fill="url(#linearGradient-38)" fill-rule="evenodd" xlink:href="#path-39"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-40)" xlink:href="#path-39"></use>
</g>
<g id="sleeve">
<use fill="url(#linearGradient-20)" fill-rule="evenodd" xlink:href="#path-41"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-42)" xlink:href="#path-41"></use>
</g>
<g id="cushion" transform="translate(56.937167, 111.816619)">
<g id="Mask-by-Oval">
<g id="Oval-3-+-Oval-3-Copy-+-Oval-3-Copy-2-+-Oval-3-Copy-4-+-Oval-3-Copy-3-Mask">
<mask id="mask-44" fill="white">
<use xlink:href="#path-43"></use>
</mask>
<use id="Mask" fill-opacity="0" fill="#000000" xlink:href="#path-43"></use>
<g id="Oval-3" mask="url(#mask-44)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-45"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-46)" xlink:href="#path-45"></use>
</g>
<g id="Oval-3-Copy" mask="url(#mask-44)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-47"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-48)" xlink:href="#path-47"></use>
</g>
<g id="Oval-3-Copy-2" mask="url(#mask-44)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-49"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-50)" xlink:href="#path-49"></use>
</g>
<g id="Oval-3-Copy-4" mask="url(#mask-44)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-51"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-52)" xlink:href="#path-51"></use>
</g>
<g id="Oval-3-Copy-3" mask="url(#mask-44)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-53"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-54)" xlink:href="#path-53"></use>
</g>
</g>
</g>
</g>
<path d="M218,210.830938 C218,210.830938 232.708406,209.24795 234.472265,208.122078 C236.236185,206.996205 241.240268,214.02846 241.240268,214.02846 L237.240268,215.057639 L227.240268,218.10555 L218,210.830938 Z" id="pocket" fill="url(#linearGradient-55)"></path>
</g>
<g id="Group-4" transform="translate(1305.000000, 27.000000) scale(1, -1) translate(-1305.000000, -27.000000) translate(1251.000000, 0.000000)" fill="#5763AB" fill-rule="nonzero">
<path d="M105.164005,45.6352861 C107.022285,46.8298948 107.560297,49.3047502 106.365688,51.1630304 C105.17108,53.0213105 102.696224,53.5593226 100.837944,52.3647139 L30.8379441,7.3647139 C28.9796639,6.17010522 28.4416518,3.69524981 29.6362605,1.83696963 C30.8308692,-0.0213105406 33.3057246,-0.559322586 35.1640048,0.635286098 L105.164005,45.6352861 Z" id="Path-44"></path>
<path d="M44.3730582,45.7800386 C46.1515384,47.0904978 46.5309445,49.5945779 45.2204853,51.3730582 C43.9100262,53.1515384 41.4059461,53.5309445 39.6274658,52.2204853 L1.62746585,24.2204853 C-0.151014401,22.9100262 -0.530420481,20.4059461 0.780038648,18.6274658 C2.09049778,16.8489856 4.5945779,16.4695795 6.37305815,17.7800386 L44.3730582,45.7800386 Z" id="Path-44-Copy"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 32 KiB

View File

@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1198px" height="828px" viewBox="0 0 1198 828" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="1198px" height="668px" viewBox="0 0 1198 668" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>Artwork@2x</title>
<desc>Created with Sketch.</desc>
@@ -7,18 +7,18 @@
<polygon id="path-1" points="0.962868649 0.880108503 21.1824401 0.880108503 21.1824401 263.178848 0.962868649 263.178848"></polygon>
<polygon id="path-3" points="-66.4358301 263.09523 88.5810118 263.09523 88.5810118 283.333302 -66.4358301 283.333302"></polygon>
<polygon id="path-5" points="-123.243281 -19.2743822 146.351234 -19.2743822 146.351234 0.963702438 -123.243281 0.963702438"></polygon>
<linearGradient x1="93.3958167%" y1="100%" x2="36.8840443%" y2="31.7424823%" id="linearGradient-7">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
<linearGradient x1="93.3958167%" y1="100%" x2="47.2239242%" y2="13.4126393%" id="linearGradient-7">
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#E3E7FF" offset="100%"></stop>
</linearGradient>
<polygon id="path-8" points="0.962936047 141.630301 29.2576186 0.927463662 192.567566 3.81858736 165.608079 141.630301"></polygon>
<linearGradient x1="0%" y1="71.6702355%" x2="104.617679%" y2="57.107133%" id="linearGradient-10">
<stop stop-color="#DADA06" offset="0%"></stop>
<stop stop-color="#FFFF0A" offset="100%"></stop>
<stop stop-color="#54CBD1" offset="0%"></stop>
<stop stop-color="#57EBF3" offset="100%"></stop>
</linearGradient>
<radialGradient cx="42.0546178%" cy="45.5410746%" fx="42.0546178%" fy="45.5410746%" r="40.697833%" gradientTransform="translate(0.420546,0.455411),scale(0.938979,1.000000),rotate(-69.910157),scale(1.000000,1.538504),translate(-0.420546,-0.455411)" id="radialGradient-11">
<stop stop-color="#8448F7" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#323C77" offset="100%"></stop>
</radialGradient>
<radialGradient cx="52.9469765%" cy="28.6240847%" fx="52.9469765%" fy="28.6240847%" r="54.1473232%" gradientTransform="translate(0.529470,0.286241),scale(0.837410,1.000000),rotate(108.260519),scale(1.000000,3.925275),translate(-0.529470,-0.286241)" id="radialGradient-12">
<stop stop-color="#EDE9F5" offset="0%"></stop>
@@ -28,158 +28,161 @@
<feGaussianBlur stdDeviation="36.78125" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="78.2262224%" y1="24.9293251%" x2="50%" y2="123.255884%" id="linearGradient-14">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#3C4681" offset="100%"></stop>
</linearGradient>
<path d="M4.00405319,43.3626991 C2.10004146,34.6822469 -0.764213708,28.2253388 2.10004146,16.50728 C4.96429662,4.78922132 37.9203107,-1.85217394 42.0782419,1.90096147 C46.2363242,5.65402659 45.5596345,7.66286276 62.0315956,16.4111359 C78.5035568,25.1593388 125.717667,35.3343122 135.823424,46.6829048 C145.929181,58.031427 147.810219,65.5350272 126.806991,65.5350272 L61.8394865,65.5350272 C50.179474,61.3086208 46.2576361,59.0324365 39.7210884,55.1201854 C38.3879628,60.0224119 39.7210884,64.1968807 39.7210884,64.1968807 L11.7422277,64.1968807 C11.7422277,64.1968807 5.90791377,52.043081 4.00405319,43.3626991 Z" id="path-15"></path>
<path d="M17.3039278,73.2095411 C11.1044075,67.3568399 5.34318273,63.7837206 1.28920291,52.9535115 C-2.76463153,42.1231195 19.8156595,19.0956291 25.1438221,19.8285087 C30.47213,20.5614797 31.019745,22.5181116 48.8225415,20.5719977 C66.6256287,18.6258838 98.4688573,-3.0270345 112.621516,0.519012264 C126.774176,4.06524195 139.478787,4.13758785 122.802331,15.4590356 C114.964181,20.7803466 84.6179898,53.2106093 75.1987776,59.6054017 C63.6585928,62.5411271 59.3153234,62.8512724 52.0124321,63.274464 C53.6013445,67.8778036 56.9142195,70.4675308 56.9142195,70.4675308 L34.6991021,85.5490448 C34.6991021,85.5490448 23.5034481,79.0622423 17.3039278,73.2095411 Z" id="path-17"></path>
<linearGradient x1="87.5676604%" y1="16.2692604%" x2="57.9084106%" y2="80.0144172%" id="linearGradient-19">
<linearGradient x1="78.2262224%" y1="24.9293251%" x2="50%" y2="123.255884%" id="linearGradient-17">
<stop stop-color="#5763AB" offset="0%"></stop>
<stop stop-color="#424C8C" offset="100%"></stop>
</linearGradient>
<path d="M17.3039278,73.2095411 C11.1044075,67.3568399 5.34318273,63.7837206 1.28920291,52.9535115 C-2.76463153,42.1231195 19.8156595,19.0956291 25.1438221,19.8285087 C30.47213,20.5614797 31.019745,22.5181116 48.8225415,20.5719977 C66.6256287,18.6258838 98.4688573,-3.0270345 112.621516,0.519012264 C126.774176,4.06524195 139.478787,4.13758785 122.802331,15.4590356 C114.964181,20.7803466 84.6179898,53.2106093 75.1987776,59.6054017 C63.6585928,62.5411271 59.3153234,62.8512724 52.0124321,63.274464 C53.6013445,67.8778036 56.9142195,70.4675308 56.9142195,70.4675308 L34.6991021,85.5490448 C34.6991021,85.5490448 23.5034481,79.0622423 17.3039278,73.2095411 Z" id="path-18"></path>
<linearGradient x1="87.5676604%" y1="16.2692604%" x2="57.9084106%" y2="80.0144172%" id="linearGradient-20">
<stop stop-color="#F5F8FF" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<path d="M295.627195,188.906775 C338.893679,165.867538 363.548498,98.6108976 381.418624,79.6995968 C399.28887,60.7882961 407.179736,96.9697658 404.22561,107.621786 C401.271485,118.273806 379.493171,189.86946 334.032874,247.69124 C334.032874,285.465219 290.037365,219.215797 295.627195,188.906775 Z" id="path-20"></path>
<filter x="-5.9%" y="-3.5%" width="111.9%" height="107.0%" filterUnits="objectBoundingBox" id="filter-21">
<path d="M295.627195,188.906775 C338.893679,165.867538 363.548498,98.6108976 381.418624,79.6995968 C399.28887,60.7882961 407.179736,96.9697658 404.22561,107.621786 C401.271485,118.273806 379.493171,189.86946 334.032874,247.69124 C334.032874,285.465219 290.037365,219.215797 295.627195,188.906775 Z" id="path-21"></path>
<filter x="-5.9%" y="-3.5%" width="111.9%" height="107.0%" filterUnits="objectBoundingBox" id="filter-22">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.898039216 0 0 0 0 0.941176471 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-22">
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-23">
<stop stop-color="#FABFA8" offset="0%"></stop>
<stop stop-color="#D9A08A" offset="100%"></stop>
</linearGradient>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-24">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-23">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M7.7535465,79.467341 C20.3549118,62.4662802 51.2064486,27.0038408 117.619689,14.0853099 C184.032536,1.16677905 245.029459,-10.8958645 356.98879,22.4099371 C366.206635,130.511947 376.71047,239.351992 387.311011,261.393861 C379.225217,271.233065 350.015706,278.750813 332.879823,278.750813 C326.663018,254.412575 307.182906,195.776709 297.286936,166.773973 C287.390572,137.770945 283.881531,101.768836 285.793544,89.0746323 C252.053857,98.6603369 182.940746,127.79697 158.709811,136.428188 C134.478481,145.059698 51.3402579,172.423588 23.8217181,150.393387 C-3.69721644,128.363477 -4.8482135,96.4684019 7.7535465,79.467341 Z" id="path-24"></path>
<filter x="-5.7%" y="-7.9%" width="111.4%" height="115.8%" filterUnits="objectBoundingBox" id="filter-26">
<path d="M7.7535465,79.467341 C20.3549118,62.4662802 51.2064486,27.0038408 117.619689,14.0853099 C184.032536,1.16677905 245.029459,-10.8958645 356.98879,22.4099371 C366.206635,130.511947 376.71047,239.351992 387.311011,261.393861 C379.225217,271.233065 350.015706,278.750813 332.879823,278.750813 C326.663018,254.412575 307.182906,195.776709 297.286936,166.773973 C287.390572,137.770945 283.881531,101.768836 285.793544,89.0746323 C252.053857,98.6603369 182.940746,127.79697 158.709811,136.428188 C134.478481,145.059698 51.3402579,172.423588 23.8217181,150.393387 C-3.69721644,128.363477 -4.8482135,96.4684019 7.7535465,79.467341 Z" id="path-25"></path>
<filter x="-5.7%" y="-7.9%" width="111.4%" height="115.8%" filterUnits="objectBoundingBox" id="filter-27">
<feGaussianBlur stdDeviation="14" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="16" dy="4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="50%" y1="100%" x2="100%" y2="39.0738882%" id="linearGradient-27">
<linearGradient x1="50%" y1="100%" x2="100%" y2="39.0738882%" id="linearGradient-28">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="16.3760257%" x2="50%" y2="76.5597425%" id="linearGradient-28">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
<linearGradient x1="50%" y1="16.3760257%" x2="50%" y2="76.5597425%" id="linearGradient-29">
<stop stop-color="#DDA793" offset="0%"></stop>
<stop stop-color="#FABFA8" offset="100%"></stop>
</linearGradient>
<path d="M11.4223686,53.8418888 C8.08207902,37.0881009 1.63832081,7.72152756 0.351925921,1.44674201 C-0.934550799,-4.82804355 61.3875173,16.8463441 61.3875173,16.8463441 L69.2244608,57.9250687 L78.1947738,127.398027 C78.1947738,127.398027 14.7628219,70.5956768 11.4223686,53.8418888 Z" id="path-29"></path>
<linearGradient x1="76.2362807%" y1="86.2362536%" x2="67.0850084%" y2="62.8012707%" id="linearGradient-31">
<path d="M11.4223686,53.8418888 C8.08207902,37.0881009 1.63832081,7.72152756 0.351925921,1.44674201 C-0.934550799,-4.82804355 61.3875173,16.8463441 61.3875173,16.8463441 L69.2244608,57.9250687 L78.1947738,127.398027 C78.1947738,127.398027 14.7628219,70.5956768 11.4223686,53.8418888 Z" id="path-30"></path>
<linearGradient x1="76.2362807%" y1="86.2362536%" x2="67.0850084%" y2="62.8012707%" id="linearGradient-32">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<path d="M106.791661,0.248552894 C106.791661,0.248552894 130.455304,4.0999216 132.085393,7.06050714 C147.473687,18.2378157 162.279077,51.5031174 168.600677,68.736671 C174.922277,85.9702246 187.044634,103.767565 197.972378,117.605008 C208.899861,131.442451 214.141806,134.297326 228.459872,144.53546 C242.777938,154.773593 248.037427,162.896352 239.934383,170.528851 C231.831339,178.161585 185.169967,175.197711 151.953091,216.701112 C122.935164,228.597484 122.971039,232.948039 114.349248,207.242414 C105.727718,181.536789 34.8349865,117.264856 23.3363838,108.205507 C11.8375192,99.1461575 16.2797386,90.4415239 13.3814549,62.693581 C10.4831712,34.9458731 -10.4235934,12.4472553 7.16119555,12.4472553 C21.0191709,17.6056698 34.5183959,7.06050714 40.6113906,7.06050714 C62.8107039,12.5874973 67.8656793,34.4368205 77.081373,29.8548781 C86.2970667,25.2729356 92.197855,25.2729356 92.197855,25.2729356 C94.3480002,29.635471 95.0395766,37.1075257 97.1897218,41.4700611 C99.3401289,45.8325965 108.336906,54.582568 112.335009,62.693581 L105.267103,39.090176 L107.238921,24.9769475 L106.791661,0.248552894 Z" id="path-32"></path>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-34">
<path d="M106.791661,0.248552894 C106.791661,0.248552894 130.455304,4.0999216 132.085393,7.06050714 C147.473687,18.2378157 162.279077,51.5031174 168.600677,68.736671 C174.922277,85.9702246 187.044634,103.767565 197.972378,117.605008 C208.899861,131.442451 214.141806,134.297326 228.459872,144.53546 C242.777938,154.773593 248.037427,162.896352 239.934383,170.528851 C231.831339,178.161585 185.169967,175.197711 151.953091,216.701112 C122.935164,228.597484 122.971039,232.948039 114.349248,207.242414 C105.727718,181.536789 34.8349865,117.264856 23.3363838,108.205507 C11.8375192,99.1461575 16.2797386,90.4415239 13.3814549,62.693581 C10.4831712,34.9458731 -10.4235934,12.4472553 7.16119555,12.4472553 C21.0191709,17.6056698 34.5183959,7.06050714 40.6113906,7.06050714 C62.8107039,12.5874973 67.8656793,34.4368205 77.081373,29.8548781 C86.2970667,25.2729356 92.197855,25.2729356 92.197855,25.2729356 C94.3480002,29.635471 95.0395766,37.1075257 97.1897218,41.4700611 C99.3401289,45.8325965 108.336906,54.582568 112.335009,62.693581 L105.267103,39.090176 L107.238921,24.9769475 L106.791661,0.248552894 Z" id="path-33"></path>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-35">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<linearGradient x1="121.686655%" y1="39.4293622%" x2="50%" y2="77.1316441%" id="linearGradient-35">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#CFC7EA" offset="70.2334718%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-36">
<stop stop-color="#DDA48E" offset="0%"></stop>
<stop stop-color="#FABFA8" offset="100%"></stop>
</linearGradient>
<path d="M54.1259962,47.7073389 C70.9829679,54.5326244 125.574396,27.3648534 142.898063,29.7775086 C158.822482,31.9954812 138.61673,7.09131425 132.636467,2.68432188 C126.656204,-1.72255303 7.0832687,0.274720504 0.80700754,9.47231519 C-5.46908611,18.6699686 40.1464189,42.0469192 54.1259962,47.7073389 Z" id="path-36"></path>
<linearGradient x1="110.009435%" y1="19.1840632%" x2="13.8996672%" y2="50%" id="linearGradient-38">
<path d="M54.1259962,47.7073389 C70.9829679,54.5326244 125.574396,27.3648534 142.898063,29.7775086 C158.822482,31.9954812 138.61673,7.09131425 132.636467,2.68432188 C126.656204,-1.72255303 7.0832687,0.274720504 0.80700754,9.47231519 C-5.46908611,18.6699686 40.1464189,42.0469192 54.1259962,47.7073389 Z" id="path-37"></path>
<linearGradient x1="110.009435%" y1="19.1840632%" x2="13.8996672%" y2="50%" id="linearGradient-39">
<stop stop-color="#F94A8A" offset="0%"></stop>
<stop stop-color="#E12B6E" offset="100%"></stop>
</linearGradient>
<path d="M218.351692,115.217332 C218.351692,115.217332 210.215457,102.854962 216.504964,90.5938587 C222.79447,78.3327556 255.998253,94.6865293 282.88845,64.4565843 C309.778505,34.2264534 285.885306,-6.56907035 258.240516,1.38735189 C230.595584,9.34377412 237.374521,23.5952834 242.386093,34.2264534 C247.39738,44.8576234 221.612427,48.8505136 203.173211,56.3340471 C184.733994,63.8177664 169.683178,83.9540924 172.932372,115.217332 C176.181565,146.480571 205.18408,172.078251 214.414588,176.788185 C211.730627,158.313194 211.611226,149.824796 211.611226,144.67932 C201.023135,149.571535 188.690618,125.309836 195.870789,118.927046 C209.587105,106.73395 216.504964,134.505803 216.504964,134.505803 C216.504964,134.505803 218.351692,130.551561 221.612427,126.803941 C220.370113,120.115307 218.351692,115.217332 218.351692,115.217332 Z" id="path-39"></path>
<filter x="-12.7%" y="-8.8%" width="125.4%" height="117.6%" filterUnits="objectBoundingBox" id="filter-40">
<path d="M218.351692,115.217332 C218.351692,115.217332 210.215457,102.854962 216.504964,90.5938587 C222.79447,78.3327556 255.998253,94.6865293 282.88845,64.4565843 C309.778505,34.2264534 285.885306,-6.56907035 258.240516,1.38735189 C230.595584,9.34377412 237.374521,23.5952834 242.386093,34.2264534 C247.39738,44.8576234 221.612427,48.8505136 203.173211,56.3340471 C184.733994,63.8177664 169.683178,83.9540924 172.932372,115.217332 C176.181565,146.480571 205.18408,172.078251 214.414588,176.788185 C211.730627,158.313194 211.611226,149.824796 211.611226,144.67932 C201.023135,149.571535 188.690618,125.309836 195.870789,118.927046 C209.587105,106.73395 216.504964,134.505803 216.504964,134.505803 C216.504964,134.505803 218.351692,130.551561 221.612427,126.803941 C220.370113,120.115307 218.351692,115.217332 218.351692,115.217332 Z" id="path-40"></path>
<filter x="-12.7%" y="-8.8%" width="125.4%" height="117.6%" filterUnits="objectBoundingBox" id="filter-41">
<feGaussianBlur stdDeviation="9" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="13" dy="12" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13988904 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="23.861433%" y1="57.5324188%" x2="50%" y2="33.7873003%" id="linearGradient-41">
<linearGradient x1="23.861433%" y1="57.5324188%" x2="50%" y2="33.7873003%" id="linearGradient-42">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<path d="M162.493394,192.288531 C134.019625,176.63564 77.1415596,132.134898 62.1918016,135.766973 C47.2422063,139.399049 51.1218056,146.14626 51.1218056,161.622338 C51.1218056,177.098581 129.252331,229.361645 141.282098,255.222113 C146.43174,266.292189 159.624818,293.637458 183.240831,289.181737 C206.856681,284.726016 199.692642,261.259438 194.602875,242.331555 C188.620043,220.082419 180.027003,201.92731 162.493394,192.288531 Z" id="path-42"></path>
<filter x="-10.1%" y="-9.7%" width="120.1%" height="119.5%" filterUnits="objectBoundingBox" id="filter-43">
<path d="M162.493394,192.288531 C134.019625,176.63564 77.1415596,132.134898 62.1918016,135.766973 C47.2422063,139.399049 51.1218056,146.14626 51.1218056,161.622338 C51.1218056,177.098581 129.252331,229.361645 141.282098,255.222113 C146.43174,266.292189 159.624818,293.637458 183.240831,289.181737 C206.856681,284.726016 199.692642,261.259438 194.602875,242.331555 C188.620043,220.082419 180.027003,201.92731 162.493394,192.288531 Z" id="path-43"></path>
<filter x="-10.1%" y="-9.7%" width="120.1%" height="119.5%" filterUnits="objectBoundingBox" id="filter-44">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="18" dy="-8" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.929411765 0 0 0 0 0.91372549 0 0 0 0 0.960784314 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M182.408255,305.255012 C312.694417,386.669283 447.251019,395.566339 492.494172,323.160855 C546.828869,217.608904 360.519372,263.280276 230.233209,181.866005 C99.9464644,100.452132 103.166738,32.4947781 13.2985516,0.130422418 C-31.9440202,72.5363044 52.1215103,223.841138 182.408255,305.255012 Z" id="path-44"></path>
<path d="M-50.646727,202.478338 C17.355951,246.641031 95.2545331,247.376512 123.343996,204.121188 C151.433763,160.865863 119.07752,89.9995404 51.074842,45.836848 C-16.927836,1.67415564 -94.8264181,0.938425398 -122.916186,44.1939987 C-151.005648,87.4493236 -118.64971,158.315646 -50.646727,202.478338 Z" id="path-46"></path>
<filter x="-11.3%" y="-13.5%" width="122.6%" height="126.9%" filterUnits="objectBoundingBox" id="filter-47">
<path d="M182.408255,305.255012 C312.694417,386.669283 447.251019,395.566339 492.494172,323.160855 C546.828869,217.608904 360.519372,263.280276 230.233209,181.866005 C99.9464644,100.452132 103.166738,32.4947781 13.2985516,0.130422418 C-31.9440202,72.5363044 52.1215103,223.841138 182.408255,305.255012 Z" id="path-45"></path>
<path d="M-50.646727,202.478338 C17.355951,246.641031 95.2545331,247.376512 123.343996,204.121188 C151.433763,160.865863 119.07752,89.9995404 51.074842,45.836848 C-16.927836,1.67415564 -94.8264181,0.938425398 -122.916186,44.1939987 C-151.005648,87.4493236 -118.64971,158.315646 -50.646727,202.478338 Z" id="path-47"></path>
<filter x="-11.3%" y="-13.5%" width="122.6%" height="126.9%" filterUnits="objectBoundingBox" id="filter-48">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-27.5" dy="-39.3" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M187.922615,378.503665 C238.038252,355.133714 253.61836,282.473728 222.721315,216.213131 C191.824271,149.952533 126.150375,115.182903 76.0344918,138.552854 C25.9186092,161.922804 10.3387468,234.58279 41.2357917,300.843388 C72.1328365,367.103986 137.806732,401.873615 187.922615,378.503665 Z" id="path-48"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-49">
<path d="M187.922615,378.503665 C238.038252,355.133714 253.61836,282.473728 222.721315,216.213131 C191.824271,149.952533 126.150375,115.182903 76.0344918,138.552854 C25.9186092,161.922804 10.3387468,234.58279 41.2357917,300.843388 C72.1328365,367.103986 137.806732,401.873615 187.922615,378.503665 Z" id="path-49"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-50">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-14.9" dy="-24.9" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M317.890666,490.182748 C368.006303,466.812797 383.586411,394.152812 352.689366,327.892214 C321.792322,261.631616 256.118426,226.861986 206.002543,250.231937 C155.88666,273.601887 140.306798,346.261873 171.203843,412.522471 C202.100888,478.783069 267.774784,513.552698 317.890666,490.182748 Z" id="path-50"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-51">
<path d="M317.890666,490.182748 C368.006303,466.812797 383.586411,394.152812 352.689366,327.892214 C321.792322,261.631616 256.118426,226.861986 206.002543,250.231937 C155.88666,273.601887 140.306798,346.261873 171.203843,412.522471 C202.100888,478.783069 267.774784,513.552698 317.890666,490.182748 Z" id="path-51"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-52">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-24.9" dy="-12.7" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M560.49745,527.730026 C610.613332,504.360075 626.193195,431.700089 595.296395,365.439492 C564.39935,299.178894 498.725209,264.409264 448.609572,287.779215 C398.493689,311.149165 382.913827,383.809151 413.810872,450.069749 C444.707916,516.330347 510.381812,551.099976 560.49745,527.730026 Z" id="path-52"></path>
<filter x="-7.9%" y="-6.6%" width="115.8%" height="113.2%" filterUnits="objectBoundingBox" id="filter-53">
<path d="M560.49745,527.730026 C610.613332,504.360075 626.193195,431.700089 595.296395,365.439492 C564.39935,299.178894 498.725209,264.409264 448.609572,287.779215 C398.493689,311.149165 382.913827,383.809151 413.810872,450.069749 C444.707916,516.330347 510.381812,551.099976 560.49745,527.730026 Z" id="path-53"></path>
<filter x="-7.9%" y="-6.6%" width="115.8%" height="113.2%" filterUnits="objectBoundingBox" id="filter-54">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-9.9" dy="12.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M388.833934,454.299677 C443.718672,461.038783 492.387509,432.488752 497.539116,390.531534 C502.690722,348.574317 462.373997,309.098051 407.489471,302.358944 C352.604945,295.619837 303.936107,324.169869 298.784713,366.126919 C293.633107,408.084136 333.94962,447.560402 388.833934,454.299677 Z" id="path-54"></path>
<filter x="-10.0%" y="-12.9%" width="119.9%" height="125.9%" filterUnits="objectBoundingBox" id="filter-55">
<path d="M388.833934,454.299677 C443.718672,461.038783 492.387509,432.488752 497.539116,390.531534 C502.690722,348.574317 462.373997,309.098051 407.489471,302.358944 C352.604945,295.619837 303.936107,324.169869 298.784713,366.126919 C293.633107,408.084136 333.94962,447.560402 388.833934,454.299677 Z" id="path-55"></path>
<filter x="-10.0%" y="-12.9%" width="119.9%" height="125.9%" filterUnits="objectBoundingBox" id="filter-56">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-18.8" dy="2.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="75.5386921%" y1="0%" x2="50%" y2="100%" id="linearGradient-56">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
<linearGradient x1="75.5386921%" y1="0%" x2="50%" y2="100%" id="linearGradient-57">
<stop stop-color="#FFE58B" offset="0%"></stop>
<stop stop-color="#E8CA5C" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="StartUp" transform="translate(-215.000000, -4286.000000)">
<g id="Artwork" transform="translate(215.000000, 4286.000000)">
<g id="laptop" transform="translate(915.000000, 384.000000)">
<g id="laptop" transform="translate(915.000000, 224.000000)">
<g id="table" opacity="0.62352808" transform="translate(124.168919, 159.941043)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Rectangle-3" fill="#A092D0" xlink:href="#path-1"></use>
<use id="Rectangle-3" fill="#5763AB" xlink:href="#path-1"></use>
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Rectangle-2-copy" fill="#A092D0" xlink:href="#path-3"></use>
<use id="Rectangle-2-copy" fill="#5763AB" xlink:href="#path-3"></use>
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<use id="Rectangle-2" fill="#A092D0" xlink:href="#path-5"></use>
<use id="Rectangle-2" fill="#5763AB" xlink:href="#path-5"></use>
</g>
<polygon id="front" fill="#B4AAD7" points="80.8411739 140.666641 109.135983 0.927463662 272.445988 3.81858736 244.523719 140.666641"></polygon>
<polygon id="bottom" fill="#B4AAD7" points="0.925769071 132.811437 255.092067 132.811437 255.092067 141.630366 8.6283312 141.630366"></polygon>
<polygon id="front" fill="#7079B1" points="80.8411739 140.666641 109.135983 0.927463662 272.445988 3.81858736 244.523719 140.666641"></polygon>
<polygon id="bottom" fill="#7079B1" points="0.925769071 132.811437 255.092067 132.811437 255.092067 141.630366 8.6283312 141.630366"></polygon>
<g id="back" transform="translate(89.506757, 0.000000)">
<mask id="mask-9" fill="white">
<use xlink:href="#path-8"></use>
</mask>
<use id="Shape-9" fill="url(#linearGradient-7)" xlink:href="#path-8"></use>
<path d="M98.2094441,57.7868404 C106.185901,57.7868404 112.652061,63.1802118 112.652061,69.8333102 C112.652061,76.4864086 106.185901,81.879834 98.2094441,81.879834 C90.2330826,81.879834 83.7669227,76.4864086 83.7669227,69.8333102 C83.7669227,63.1802118 90.2330826,57.7868404 98.2094441,57.7868404 Z" id="Ellipse-5" fill="#B4AAD7" mask="url(#mask-9)"></path>
<path d="M98.2094441,57.7868404 C106.185901,57.7868404 112.652061,63.1802118 112.652061,69.8333102 C112.652061,76.4864086 106.185901,81.879834 98.2094441,81.879834 C90.2330826,81.879834 83.7669227,76.4864086 83.7669227,69.8333102 C83.7669227,63.1802118 90.2330826,57.7868404 98.2094441,57.7868404 Z" id="Ellipse-5" fill-opacity="0.1" fill="#000000" mask="url(#mask-9)"></path>
</g>
</g>
<g id="message" transform="translate(833.000000, 118.000000)">
<g id="message" transform="translate(728.000000, 63.000000)">
<g id="rocket">
<g id="Group-7">
<g id="Group-7" transform="translate(70.000000, 64.500000) rotate(-10.000000) translate(-70.000000, -64.500000) translate(9.000000, 10.000000)">
<polygon id="Shape-5" fill="url(#linearGradient-10)" points="0.971974 66.588645 20.983268 40.339047 85.84713 81.095019 36.164094 23.760365 60.315702 0.96465 121.039372 108.03535"></polygon>
<polygon id="Shape-6" fill="#DADA06" points="20.2932571 41.0298157 35.474159 38.9574604 88.6073512 83.1673752"></polygon>
<polygon id="Shape-7" fill="#D5D507" points="34.7841318 38.9574247 36.8541788 23.7603283 87.2273122 81.7857491"></polygon>
<polygon id="Shape-6" fill="#4DBBC2" points="20.2932571 41.0298157 35.474159 38.9574604 88.6073512 83.1673752"></polygon>
<polygon id="Shape-7" fill="#4DBBC2" points="34.7841318 38.9574247 36.8541788 23.7603283 87.2273122 81.7857491"></polygon>
</g>
</g>
</g>
@@ -195,63 +198,63 @@
<path d="M4.07438743,57.6183138 C10.1020976,42.0870263 33.5945278,13.1115189 40.4011624,3.68183696 C44.9389187,-2.60461768 29.9043591,1.09992201 -4.70251657,14.795456 C-2.86972066,53.6982196 0.0559140052,67.9725055 4.07438743,57.6183138 Z" id="Path-21" fill="#3D82F0" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-16)"></path>
</g>
<g id="shoe" transform="translate(681.628328, 330.074499)">
<mask id="mask-18" fill="white">
<use xlink:href="#path-17"></use>
<mask id="mask-19" fill="white">
<use xlink:href="#path-18"></use>
</mask>
<use id="Path-17-Copy" fill="url(#linearGradient-14)" xlink:href="#path-17"></use>
<path d="M26.4768595,83.2628267 C17.1500804,63.9393405 26.7565233,20.3425332 22.5022349,16.4818273 C19.6660426,13.9080233 11.3134865,24.3078603 -2.5554333,47.6813383 C-9.15184812,54.2247026 -7.15018576,62.3881846 3.44955379,72.1717843 C19.3491631,86.8471838 35.8036385,102.586313 26.4768595,83.2628267 Z" id="Path-19" fill="#617FC8" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-18)"></path>
<use id="Path-17-Copy" fill="url(#linearGradient-17)" xlink:href="#path-18"></use>
<path d="M26.4768595,83.2628267 C17.1500804,63.9393405 26.7565233,20.3425332 22.5022349,16.4818273 C19.6660426,13.9080233 11.3134865,24.3078603 -2.5554333,47.6813383 C-9.15184812,54.2247026 -7.15018576,62.3881846 3.44955379,72.1717843 C19.3491631,86.8471838 35.8036385,102.586313 26.4768595,83.2628267 Z" id="Path-19" fill="#5763AB" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-19)"></path>
</g>
<g id="sleeve">
<use fill="url(#linearGradient-19)" fill-rule="evenodd" xlink:href="#path-20"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-21)" xlink:href="#path-20"></use>
<use fill="url(#linearGradient-20)" fill-rule="evenodd" xlink:href="#path-21"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-22)" xlink:href="#path-21"></use>
</g>
<path d="M277.118998,112.591394 C277.118998,112.591394 379.673163,72.0324812 393.537208,74.7138671 C407.40112,77.3951741 365.964615,124.657512 357.486649,128.471135 C349.008683,132.284916 337.4858,141.588966 324.734995,141.920379 C311.984189,142.25195 282.675028,148.565069 282.675028,148.565069 L277.118998,112.591394 Z" id="arm" fill="url(#linearGradient-22)"></path>
<path d="M277.118998,112.591394 C277.118998,112.591394 379.673163,72.0324812 393.537208,74.7138671 C407.40112,77.3951741 365.964615,124.657512 357.486649,128.471135 C349.008683,132.284916 337.4858,141.588966 324.734995,141.920379 C311.984189,142.25195 282.675028,148.565069 282.675028,148.565069 L277.118998,112.591394 Z" id="arm" fill="url(#linearGradient-23)"></path>
<g id="leg" transform="translate(294.686901, 337.111748)">
<mask id="mask-25" fill="white">
<use xlink:href="#path-24"></use>
<mask id="mask-26" fill="white">
<use xlink:href="#path-25"></use>
</mask>
<g id="Path-7">
<use fill="url(#linearGradient-23)" fill-rule="evenodd" xlink:href="#path-24"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-26)" xlink:href="#path-24"></use>
<use fill="url(#linearGradient-24)" fill-rule="evenodd" xlink:href="#path-25"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-27)" xlink:href="#path-25"></use>
</g>
<path d="M236.671156,108.800007 C236.671156,93.7353609 274.816424,14.2268459 285.030845,5.7268689 C291.840458,0.0602175617 285.133884,-2.35179575 264.911121,-1.50917104 C218.8415,46.3086312 192.781804,83.0783573 186.732033,108.800007 C177.657376,147.382483 236.671156,123.864654 236.671156,108.800007 Z" id="Path" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" opacity="0.300000012" mask="url(#mask-25)"></path>
<path d="M236.671156,108.800007 C236.671156,93.7353609 274.816424,14.2268459 285.030845,5.7268689 C291.840458,0.0602175617 285.133884,-2.35179575 264.911121,-1.50917104 C218.8415,46.3086312 192.781804,83.0783573 186.732033,108.800007 C177.657376,147.382483 236.671156,123.864654 236.671156,108.800007 Z" id="Path" fill="url(#linearGradient-28)" style="mix-blend-mode: multiply;" opacity="0.300000012" mask="url(#mask-26)"></path>
</g>
<g id="neck" transform="translate(207.892439, 144.338109)">
<mask id="mask-30" fill="white">
<use xlink:href="#path-29"></use>
<mask id="mask-31" fill="white">
<use xlink:href="#path-30"></use>
</mask>
<use id="Path-4" fill="url(#linearGradient-28)" xlink:href="#path-29"></use>
<path d="M3.75252576,3.19261919 C3.75252576,9.49979504 27.4019056,36.4712707 40.1780516,43.8650255 C48.6954824,48.7941954 60.6269618,51.0303993 75.9724899,50.5736373 L72.4658045,14.2533367 L3.75252576,-3.09723455 C3.75252576,-3.10878263 3.75252576,-1.01216472 3.75252576,3.19261919 Z" id="Path-22" fill="#7B6ABA" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-30)"></path>
<use id="Path-4" fill="url(#linearGradient-29)" xlink:href="#path-30"></use>
<path d="M3.75252576,3.19261919 C3.75252576,9.49979504 27.4019056,36.4712707 40.1780516,43.8650255 C48.6954824,48.7941954 60.6269618,51.0303993 75.9724899,50.5736373 L72.4658045,14.2533367 L3.75252576,-3.09723455 C3.75252576,-3.10878263 3.75252576,-1.01216472 3.75252576,3.19261919 Z" id="Path-22" fill="#7B6ABA" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-31)"></path>
</g>
<g id="shirt" transform="translate(166.867945, 183.624642)">
<mask id="mask-33" fill="white">
<use xlink:href="#path-32"></use>
<mask id="mask-34" fill="white">
<use xlink:href="#path-33"></use>
</mask>
<g id="Path-9">
<use fill="#FFFFFF" xlink:href="#path-32"></use>
<use fill="url(#linearGradient-31)" xlink:href="#path-32"></use>
<use fill="#FFFFFF" xlink:href="#path-33"></use>
<use fill="url(#linearGradient-32)" xlink:href="#path-33"></use>
</g>
<path d="M184.553762,152.681508 L211.77104,183.787792 L211.423449,177.952649 C211.179618,173.859342 204.75684,167.850714 191.902926,158.127438 C190.688233,157.208589 189.413525,156.255784 188.054304,155.249663 C187.253016,154.656536 185.990527,153.731299 184.553762,152.681508 Z M99.6210546,49.5385253 L210.932159,176.754586 L207.430527,178.190501 C207.297716,175.960941 200.749107,169.834595 189.489789,161.317542 C188.286774,160.407528 187.023058,159.462939 185.674479,158.464696 C182.668993,156.239982 173.09082,149.282006 172.33268,148.725579 C167.710455,145.333156 165.104454,143.300899 163.735033,141.946123 C153.679883,131.998704 140.705541,118.694792 136.656417,113.894076 C132.582214,109.063321 110.344785,71.0409669 106.551066,63.434078 L99.6210546,49.5385253 Z" id="Shape-1" stroke="#DDD5F8" stroke-width="4" fill-opacity="0" fill="#000000" opacity="0.6" mask="url(#mask-33)"></path>
<path d="M79.3666414,55.0156714 C86.3714114,42.2764446 91.9133227,35.9068312 95.9923752,35.9068312 C100.071428,35.9068312 99.3574044,29.7127956 93.850305,17.3247243 L74.7714639,31.7531304 L79.3666414,55.0156714 Z" id="Path-23" fill="#CCDFFD" opacity="0.300000012" mask="url(#mask-33)"></path>
<path d="M184.553762,152.681508 L211.77104,183.787792 L211.423449,177.952649 C211.179618,173.859342 204.75684,167.850714 191.902926,158.127438 C190.688233,157.208589 189.413525,156.255784 188.054304,155.249663 C187.253016,154.656536 185.990527,153.731299 184.553762,152.681508 Z M99.6210546,49.5385253 L210.932159,176.754586 L207.430527,178.190501 C207.297716,175.960941 200.749107,169.834595 189.489789,161.317542 C188.286774,160.407528 187.023058,159.462939 185.674479,158.464696 C182.668993,156.239982 173.09082,149.282006 172.33268,148.725579 C167.710455,145.333156 165.104454,143.300899 163.735033,141.946123 C153.679883,131.998704 140.705541,118.694792 136.656417,113.894076 C132.582214,109.063321 110.344785,71.0409669 106.551066,63.434078 L99.6210546,49.5385253 Z" id="Shape-1" stroke="#DDD5F8" stroke-width="4" fill-opacity="0" fill="#000000" opacity="0.6" mask="url(#mask-34)"></path>
<path d="M79.3666414,55.0156714 C86.3714114,42.2764446 91.9133227,35.9068312 95.9923752,35.9068312 C100.071428,35.9068312 99.3574044,29.7127956 93.850305,17.3247243 L74.7714639,31.7531304 L79.3666414,55.0156714 Z" id="Path-23" fill="#CCDFFD" opacity="0.300000012" mask="url(#mask-34)"></path>
</g>
<path d="M404.144321,343.649906 C439.019466,311.636673 538.843848,249.678365 595.770779,240.216937 C628.382083,245.641613 713.249169,337.627607 713.249169,337.627607 C709.422386,341.660062 699.335615,377.41422 683.404461,388.653234 C643.281416,355.345432 601.449495,339.792941 590.216621,322.570548 C576.20564,331.100327 540.189326,356.00943 519.473153,392.60427 C498.75739,429.19911 485.014436,470.890807 461.406286,471.934436 C437.798135,472.978066 404.505253,475.674407 373.836733,455.941429 C356.025279,444.480606 304.745412,418.934963 329.657932,402.196779 C343.935295,392.60427 389.523703,357.070489 404.144321,343.649906 Z" id="leg" fill="url(#linearGradient-34)"></path>
<path d="M268.202361,76.4722042 C270.564565,82.4337155 283.524895,108.597343 284.773304,115.118974 C286.021598,121.640834 298.355375,165.143312 291.008244,171.842408 C283.660998,178.541733 261.629341,181.933613 255.47242,179.78834 C249.315384,177.643181 236.079068,176.268946 230.923325,167.220647 C226.960999,160.266524 214.372201,144.123643 211.070111,145.047972 C209.863747,147.527324 205.658889,150.176464 203.553309,148.474452 C194.455519,141.120489 186.657004,133.155997 190.358809,115.118974 C194.060615,97.0820658 207.039161,88.1830481 220.954386,82.3276261 C234.869611,76.4722042 265.840043,70.5108075 268.202361,76.4722042 Z" id="face" fill="url(#linearGradient-35)"></path>
<path d="M404.144321,343.649906 C439.019466,311.636673 538.843848,249.678365 595.770779,240.216937 C628.382083,245.641613 713.249169,337.627607 713.249169,337.627607 C709.422386,341.660062 699.335615,377.41422 683.404461,388.653234 C643.281416,355.345432 601.449495,339.792941 590.216621,322.570548 C576.20564,331.100327 540.189326,356.00943 519.473153,392.60427 C498.75739,429.19911 485.014436,470.890807 461.406286,471.934436 C437.798135,472.978066 404.505253,475.674407 373.836733,455.941429 C356.025279,444.480606 304.745412,418.934963 329.657932,402.196779 C343.935295,392.60427 389.523703,357.070489 404.144321,343.649906 Z" id="leg" fill="url(#linearGradient-35)"></path>
<path d="M268.202361,76.4722042 C270.564565,82.4337155 283.524895,108.597343 284.773304,115.118974 C286.021598,121.640834 298.355375,165.143312 291.008244,171.842408 C283.660998,178.541733 261.629341,181.933613 255.47242,179.78834 C249.315384,177.643181 236.079068,176.268946 230.923325,167.220647 C226.960999,160.266524 214.372201,144.123643 211.070111,145.047972 C209.863747,147.527324 205.658889,150.176464 203.553309,148.474452 C194.455519,141.120489 186.657004,133.155997 190.358809,115.118974 C194.060615,97.0820658 207.039161,88.1830481 220.954386,82.3276261 C234.869611,76.4722042 265.840043,70.5108075 268.202361,76.4722042 Z" id="face" fill="#FABFA8"></path>
<g id="arm" transform="translate(55.005325, 128.822350)">
<mask id="mask-37" fill="white">
<use xlink:href="#path-36"></use>
<mask id="mask-38" fill="white">
<use xlink:href="#path-37"></use>
</mask>
<use id="Path-13" fill="url(#linearGradient-22)" xlink:href="#path-36"></use>
<path d="M20.9357307,10.3300824 C24.4799379,11.6197539 96.3756542,42.9506507 114.163568,38.6108732 C126.022177,35.7176882 111.24641,41.1863916 69.8362671,55.0169834 C34.8731047,24.365935 18.5729259,9.47030132 20.9357307,10.3300824 Z" id="Path-24" fill="#6B84C2" opacity="0.5" mask="url(#mask-37)"></path>
<use id="Path-13" fill="url(#linearGradient-36)" xlink:href="#path-37"></use>
<path d="M20.9357307,10.3300824 C24.4799379,11.6197539 96.3756542,42.9506507 114.163568,38.6108732 C126.022177,35.7176882 111.24641,41.1863916 69.8362671,55.0169834 C34.8731047,24.365935 18.5729259,9.47030132 20.9357307,10.3300824 Z" id="Path-24" fill="#DBA28C" opacity="0.5" mask="url(#mask-38)"></path>
</g>
<g id="hair">
<use fill="url(#linearGradient-38)" fill-rule="evenodd" xlink:href="#path-39"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-40)" xlink:href="#path-39"></use>
<use fill="url(#linearGradient-39)" fill-rule="evenodd" xlink:href="#path-40"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-41)" xlink:href="#path-40"></use>
</g>
<path d="M274.234685,207.940985 C282.653168,210.931751 284.265888,226.481456 285.711095,230.86679 C287.156185,235.252062 279.643801,196.495261 279.643801,196.495261 C277.000482,200.141352 271.345408,175.390562 272.408605,179.02057 C275.267478,188.780922 272.87235,199.837156 274.234685,207.940985 Z" id="colar" fill="#BCB3DB"></path>
<path d="M246.76616,247.121974 C246.76616,233.347247 252.241792,215.285727 259.002167,208.841852 C249.198128,209.44692 220.358033,192.215449 217.279578,182.610151 C214.201178,173.004774 213.629157,171.632199 213.629157,171.632199 C213.629157,171.632199 207.692242,183.120002 207.692242,190.406014 C211.893009,206.213207 230.634549,233.653953 246.76616,247.121974 Z" id="colar" fill="url(#linearGradient-41)"></path>
<path d="M246.76616,247.121974 C246.76616,233.347247 252.241792,215.285727 259.002167,208.841852 C249.198128,209.44692 220.358033,192.215449 217.279578,182.610151 C214.201178,173.004774 213.629157,171.632199 213.629157,171.632199 C213.629157,171.632199 207.692242,183.120002 207.692242,190.406014 C211.893009,206.213207 230.634549,233.653953 246.76616,247.121974 Z" id="colar" fill="url(#linearGradient-42)"></path>
<g id="sleeve">
<use fill="url(#linearGradient-19)" fill-rule="evenodd" xlink:href="#path-42"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-43)" xlink:href="#path-42"></use>
<use fill="url(#linearGradient-20)" fill-rule="evenodd" xlink:href="#path-43"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-44)" xlink:href="#path-43"></use>
</g>
<g id="glasses" transform="translate(209.780618, 89.386819)">
<path d="M28.8986199,27.7861347 C28.127882,27.5810762 27.6693041,26.790021 27.8743575,26.0192636 C28.0794108,25.2485062 28.8704459,24.7899167 29.6411838,24.9949752 C34.4653926,26.2784794 39.9874598,25.1488274 42.7475031,22.1358748 C43.2862396,21.5477725 44.1997108,21.5077648 44.7877981,22.0465149 C45.3758855,22.5852651 45.4158922,23.4987595 44.8771557,24.0868617 C41.3207173,27.9691851 34.6871839,29.3262102 28.8986199,27.7861347 Z" id="Path-18" fill="#270D4F" fill-rule="nonzero"></path>
@@ -264,34 +267,34 @@
<g id="cushion" transform="translate(56.937167, 152.816619)">
<g id="Mask-by-Oval">
<g id="Oval-3-+-Oval-3-Copy-+-Oval-3-Copy-2-+-Oval-3-Copy-4-+-Oval-3-Copy-3-Mask">
<mask id="mask-45" fill="white">
<use xlink:href="#path-44"></use>
<mask id="mask-46" fill="white">
<use xlink:href="#path-45"></use>
</mask>
<use id="Mask" fill-opacity="0" fill="#000000" xlink:href="#path-44"></use>
<g id="Oval-3" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-46"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-47)" xlink:href="#path-46"></use>
<use id="Mask" fill-opacity="0" fill="#000000" xlink:href="#path-45"></use>
<g id="Oval-3" mask="url(#mask-46)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-47"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-48)" xlink:href="#path-47"></use>
</g>
<g id="Oval-3-Copy" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-48"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-49)" xlink:href="#path-48"></use>
<g id="Oval-3-Copy" mask="url(#mask-46)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-49"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-50)" xlink:href="#path-49"></use>
</g>
<g id="Oval-3-Copy-2" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-50"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-51)" xlink:href="#path-50"></use>
<g id="Oval-3-Copy-2" mask="url(#mask-46)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-51"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-52)" xlink:href="#path-51"></use>
</g>
<g id="Oval-3-Copy-4" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-52"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-53)" xlink:href="#path-52"></use>
<g id="Oval-3-Copy-4" mask="url(#mask-46)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-53"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-54)" xlink:href="#path-53"></use>
</g>
<g id="Oval-3-Copy-3" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-54"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-55)" xlink:href="#path-54"></use>
<g id="Oval-3-Copy-3" mask="url(#mask-46)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-55"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-56)" xlink:href="#path-55"></use>
</g>
</g>
</g>
</g>
<path d="M294.759732,251.509104 C294.759732,251.509104 317.546124,247.200159 320.278711,244.135497 C323.01139,241.070834 338.443461,276.478293 338.443461,276.478293 L330.950185,284.984756 L313.089456,284.984756 L294.759732,251.509104 Z" id="pocket" fill="url(#linearGradient-56)"></path>
<path d="M294.759732,251.509104 C294.759732,251.509104 317.546124,247.200159 320.278711,244.135497 C323.01139,241.070834 338.443461,276.478293 338.443461,276.478293 L330.950185,284.984756 L313.089456,284.984756 L294.759732,251.509104 Z" id="pocket" fill="url(#linearGradient-57)"></path>
</g>
</g>
</g>

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

View File

@@ -6,7 +6,7 @@ import PageIntro from '../components/PageIntro'
import ContactImage from '../images/saburly-web-agency.jpg'
import Sarajevo from '../images/sarajevo-web-agency.jpg'
import Stockholm from '../images/stockholm-web-agency.jpg'
import FormImage from '../images/contact-web-consultancy-sweden.svg'
import FormImage from '../images/best-web-development-sweden.svg'
import PageTransition from 'gatsby-plugin-page-transitions'
@@ -108,17 +108,17 @@ const ContactPage = () => (
</div>
</section>
<div className="bg-contact-form p-8">
<section className="container flex mx-auto">
<div className="bg-saburly-lighter p-8">
<section className="container lg:flex justify-between mx-auto">
<form
action="https://formspree.io/info@saburly.com"
className="w-full mx-auto pt-16 p-6 max-w-md"
className="w-full max-w-sm mx-auto pt-16 p-6"
method="POST"
>
<SectionIntro headline="Send us a message" light />
<div className="flex flex-wrap">
<SectionIntro headline="Send us a message" />
<div className="md:flex flex-wrap">
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
className="appearance-none bg-transparent border-contact block w-full typed-cursor py-2"
id="grid-first-name"
type="text"
placeholder="Name"
@@ -127,7 +127,7 @@ const ContactPage = () => (
/>
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
className="appearance-none bg-transparent border-contact block w-full typed-cursor py-2"
id="grid-first-name"
type="text"
placeholder="Email"
@@ -136,28 +136,30 @@ const ContactPage = () => (
/>
<textarea
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
className="appearance-none bg-transparent border-contact block w-full typed-cursor py-2 border-grey-light"
id="grid-last-name"
type="text"
name="message"
placeholder="Project description or message"
placeholder="Message"
required
/>
</div>
<button
className="mt-4 shadow bg-teal hover:bg-teal-light text-white py-2 px-4 rounded"
className="mt-4 w-full shadow bg-teal hover:bg-teal-light text-white py-2 px-4 rounded"
value="Send"
type="submit"
>
Send
</button>
</form>
<img
src={FormImage}
alt="Contact Form Image"
className="max-h-sm text-center block m-x-auto md:max-w-lg mx-auto"
/>
<div>
<img
src={FormImage}
alt="Contact Form Image"
className="p-10 w-full text-center block md:max-w-lg mx-auto"
/>
</div>
</section>
</div>
</PageTransition>

View File

@@ -120,7 +120,7 @@ body {
}
.border-contact {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(87, 99, 171, 0.2);
}
.typed-cursor {