Explorar el Código

home page upfold + Searchbar

master
kj1352 hace 4 años
padre
commit
2b832976ea
Se han modificado 6 ficheros con 172 adiciones y 350 borrados
  1. +0
    -347
      dge.svg
  2. +72
    -0
      src/assets/icons/intern-badge.svg
  3. +0
    -0
      dge.svg
  4. +94
    -0
      src/components/home/Home.module.scss
  5. +5
    -3
      src/components/home/Home.tsx
  6. +1
    -0
      src/index.css

src/assets/icons/Intern → dge.svg Ver fichero

@@ -1,347 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96" height="96" viewBox="0 0 96 96">
<defs>
<clipPath id="clip-path">
<circle id="Ellipse_50" data-name="Ellipse 50" cx="48" cy="48" r="48" transform="translate(256 305)" fill="#fff" stroke="#707070" stroke-width="1"/>
</clipPath>
<filter id="Ellipse_43" x="13.372" y="27.157" width="75.1" height="75.1" filterUnits="userSpaceOnUse">
<feOffset dx="4" dy="4" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3.5" result="blur"/>
<feFlood flood-opacity="0.502"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="Ellipse_44" x="25.987" y="39.501" width="46.141" height="46.141" filterUnits="userSpaceOnUse">
<feOffset dx="2" dy="2" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1" result="blur-2"/>
<feFlood flood-opacity="0.302"/>
<feComposite operator="in" in2="blur-2"/>
<feComposite in="SourceGraphic"/>
</filter>
<clipPath id="clip-path-2">
<circle id="Ellipse_45" data-name="Ellipse 45" cx="18.529" cy="18.529" r="18.529" fill="none"/>
</clipPath>
<filter id="Path_580" x="35.114" y="48.256" width="25.887" height="24.962" filterUnits="userSpaceOnUse">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="0.5" result="blur-3"/>
<feFlood flood-opacity="0.502"/>
<feComposite operator="in" in2="blur-3"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="Mask_Group_3" data-name="Mask Group 3" transform="translate(-256 -305)" clip-path="url(#clip-path)">
<g id="Group_24" data-name="Group 24" transform="translate(235.172 307.211)">
<g id="Group_19" data-name="Group 19" transform="translate(60.083 -2.21)">
<path id="Path_287" data-name="Path 287" d="M86.6,83.432l-.006.01,0-.007Z" transform="translate(-85.909 -37.1)" fill="red"/>
<path id="Path_288" data-name="Path 288" d="M86.406,83.726l-.034.058.016-.028Z" transform="translate(-85.807 -37.235)" fill="red"/>
<path id="Path_289" data-name="Path 289" d="M86.882,82.706l.081-.141,0,0,0,0,0,0,0,0,0,0,.036-.062.006-.01,0,0,0,0-.167.288.025-.044Z" transform="translate(-86.028 -36.657)" fill="red"/>
<path id="Path_290" data-name="Path 290" d="M86.453,83.668l-.017.03v0Z" transform="translate(-85.836 -37.208)" fill="red"/>
<path id="Path_291" data-name="Path 291" d="M86.619,83.358l0,0,.024-.041h0l-.033.057,0-.008Z" transform="translate(-85.917 -37.045)" fill="red"/>
<path id="Path_292" data-name="Path 292" d="M86.838,83.016l0,0-.007.012,0,0Z" transform="translate(-86.019 -36.907)" fill="red"/>
<path id="Path_293" data-name="Path 293" d="M86.816,83.038l-.019.032,0,0Z" transform="translate(-86.002 -36.919)" fill="red"/>
<path id="Path_294" data-name="Path 294" d="M86.687,83.2v0l.022-.039h0l.012-.021,0,0,0,0,.006-.01,0,0,.005-.009-.059.1v0Z" transform="translate(-85.948 -36.952)" fill="red"/>
<path id="Path_295" data-name="Path 295" d="M86.5,83.6l0-.006v0l-.009.016,0-.006Z" transform="translate(-85.863 -37.174)" fill="red"/>
<path id="Path_296" data-name="Path 296" d="M86.03,84.414l-.008.014h0Z" transform="translate(-85.647 -37.55)" fill="red"/>
<path id="Path_297" data-name="Path 297" d="M85.973,84.488l.021-.036v0l-.025.044,0,0Z" transform="translate(-85.623 -37.566)" fill="red"/>
<path id="Path_298" data-name="Path 298" d="M85.82,84.672v0l.006-.011,0,0,.017-.029h0l.039-.068,0,0,0-.007,0-.005-.081.14,0,0Z" transform="translate(-85.551 -37.608)" fill="red"/>
<path id="Path_299" data-name="Path 299" d="M86.043,84.4l0,.006,0,0Z" transform="translate(-85.654 -37.544)" fill="red"/>
<path id="Path_300" data-name="Path 300" d="M86.166,84.167h0l-.016.028,0-.006Z" transform="translate(-85.705 -37.437)" fill="red"/>
<path id="Path_301" data-name="Path 301" d="M86.079,84.279l.007-.013h0l.018-.031h0l0-.008-.042.073.009-.015Z" transform="translate(-85.667 -37.464)" fill="red"/>
<path id="Path_302" data-name="Path 302" d="M86.189,84.14l0-.008-.008.014h0Z" transform="translate(-85.721 -37.421)" fill="red"/>
<path id="Path_303" data-name="Path 303" d="M86.3,83.933l.009-.015,0-.006-.017.029v0Z" transform="translate(-85.772 -37.32)" fill="red"/>
<path id="Path_304" data-name="Path 304" d="M163.6,25.862l-.148.257Z" transform="translate(-121.185 -10.675)" fill="red"/>
<path id="Path_305" data-name="Path 305" d="M154.984,39.438l-1.06,1.835Z" transform="translate(-116.813 -16.906)" fill="red"/>
<path id="Path_306" data-name="Path 306" d="M87.169,82.447l0,0,0,.008,0,0Z" transform="translate(-86.172 -36.646)" fill="red"/>
<path id="Path_307" data-name="Path 307" d="M143.518,57.112l-2.547,4.411Z" transform="translate(-110.868 -25.019)" fill="red"/>
<path id="Path_308" data-name="Path 308" d="M85.684,84.915v0l.022-.037-.075.129,0,0Z" transform="translate(-85.468 -37.762)" fill="red"/>
<path id="Path_309" data-name="Path 309" d="M110.331,100.078l-.012-.007Z" transform="translate(-96.799 -44.737)" fill="red"/>
<path id="Path_310" data-name="Path 310" d="M97.482,92.659l-2.193-1.266Z" transform="translate(-89.9 -40.754)" fill="red"/>
<path id="Path_311" data-name="Path 311" d="M134.968,69l-4.532,7.85Z" transform="translate(-106.033 -30.476)" fill="red"/>
<path id="Path_312" data-name="Path 312" d="M88.619,42.227l18.328-31.746,0,0,.526-.911v0l.012-.022.006-.011.525-.909,0-.009.064-.11h0l.014-.024.019-.033.015-.025.008-.014,0,0,.009-.016.254-.44,0-.007.058-.1.009-.016.008-.013.01-.017,0-.009.008-.013.011-.019.023-.039.072-.126.012-.021.022-.037v0l.014-.024,0-.006.123-.214v0l.012-.021.009-.015.056-.1,0-.006.009-.016.008-.014L108.9,7.1l.039-.069.026-.044.023-.04,0-.005.027-.046,0-.008.027-.047.007-.011.006-.011.037-.065.01-.018.007-.01.023-.04.007-.013.027-.046.005-.009.008-.014.039-.068,0-.009.014-.023h0l5.03-8.712h0L88.609,42.244l.009-.016Z" transform="translate(-86.834 2.21)" fill="red"/>
<path id="Path_313" data-name="Path 313" d="M149.2,50.455l-.38.658Z" transform="translate(-114.471 -21.963)" fill="red"/>
<path id="Path_314" data-name="Path 314" d="M87.623,81.641l-.017.03h0Z" transform="translate(-86.374 -36.278)" fill="red"/>
<path id="Path_315" data-name="Path 315" d="M87.539,81.76l.028-.048-.036.062,0-.008Z" transform="translate(-86.339 -36.31)" fill="red"/>
<path id="Path_316" data-name="Path 316" d="M88.563,79.971h0l-.047.081h0Z" transform="translate(-86.791 -35.511)" fill="red"/>
<path id="Path_317" data-name="Path 317" d="M87.205,82.3l0,0,.03-.052h0l0-.007-.06.1h0Z" transform="translate(-86.178 -36.553)" fill="red"/>
<path id="Path_318" data-name="Path 318" d="M87.381,81.967l.005-.01.065-.114h0l-.081.141h0Z" transform="translate(-86.266 -36.37)" fill="red"/>
<path id="Path_319" data-name="Path 319" d="M88.513,80.12l0,.006,0,0Z" transform="translate(-86.788 -35.58)" fill="red"/>
<path id="Path_320" data-name="Path 320" d="M87.684,81.47h0l.009-.016h0l.027-.047v0l0,0-.063.108,0-.008Z" transform="translate(-86.399 -36.167)" fill="red"/>
<path id="Path_321" data-name="Path 321" d="M87.789,80.835v0l0,0,0,0,.1-.171,0-.005.255-.441-.371.643,0-.005Z" transform="translate(-86.453 -35.62)" fill="red"/>
<path id="Path_322" data-name="Path 322" d="M86.213,84.044l0-.005.017-.03.021-.037h0l-.045.078,0,0Z" transform="translate(-85.733 -37.347)" fill="red"/>
<path id="Path_323" data-name="Path 323" d="M152.032,45.937l-.02.034-.037.065.116-.2h0Z" transform="translate(-115.919 -19.843)" fill="red"/>
<path id="Path_324" data-name="Path 324" d="M165.342,23.049l0-.006,0,.006Z" transform="translate(-122.054 -9.381)" fill="red"/>
<path id="Path_325" data-name="Path 325" d="M157.16,36.725l.341-.59-.338.584Z" transform="translate(-118.299 -15.39)" fill="red"/>
<path id="Path_326" data-name="Path 326" d="M165.626,22.538l-.012.02.016-.028v0Z" transform="translate(-122.179 -9.146)" fill="red"/>
<path id="Path_327" data-name="Path 327" d="M165.771,22.305l0-.006h0Z" transform="translate(-122.251 -9.04)" fill="red"/>
<path id="Path_328" data-name="Path 328" d="M151.4,46.8l-.215.373,0,.006-.044.077.278-.481,0,.006Z" transform="translate(-115.532 -20.275)" fill="red"/>
<path id="Path_329" data-name="Path 329" d="M117.851,104.419l0,0h0Z" transform="translate(-100.256 -46.733)" fill="red"/>
<path id="Path_330" data-name="Path 330" d="M123.005,89.355l-.007.012-.474.821-.009.015-.027.046,0,.006-4.248,7.359,4.782-8.283-.006.011Z" transform="translate(-100.433 -39.807)" fill="red"/>
<path id="Path_331" data-name="Path 331" d="M168.775,17.1l0-.005,0,0Z" transform="translate(-123.63 -6.652)" fill="red"/>
<path id="Path_332" data-name="Path 332" d="M168.738,17.169l0,0,0,0Z" transform="translate(-123.613 -6.683)" fill="red"/>
<path id="Path_333" data-name="Path 333" d="M117.814,104.4l0,0h0Z" transform="translate(-100.239 -46.723)" fill="red"/>
<path id="Path_334" data-name="Path 334" d="M168.725,17.194h0Z" transform="translate(-123.607 -6.696)" fill="red"/>
<path id="Path_335" data-name="Path 335" d="M166.677,20.7l.029-.05h0Z" transform="translate(-122.667 -8.283)" fill="red"/>
<path id="Path_336" data-name="Path 336" d="M166.086,21.724l.028-.048-.028.048Z" transform="translate(-122.396 -8.754)" fill="red"/>
<path id="Path_337" data-name="Path 337" d="M168.512,17.563h0Z" transform="translate(-123.509 -6.866)" fill="red"/>
<path id="Path_338" data-name="Path 338" d="M168.388,17.707v0l.048-.083h0Z" transform="translate(-123.452 -6.895)" fill="red"/>
<path id="Path_339" data-name="Path 339" d="M117.733,104.351l0,0h0Z" transform="translate(-100.202 -46.702)" fill="red"/>
<path id="Path_340" data-name="Path 340" d="M85.444,85.434l0,.009,0-.006Z" transform="translate(-85.379 -38.019)" fill="red"/>
<path id="Path_341" data-name="Path 341" d="M85.457,85.406V85.4l-.009.015h0Z" transform="translate(-85.385 -38.003)" fill="red"/>
<path id="Path_342" data-name="Path 342" d="M85.41,85.462l-.025.044.024-.042Z" transform="translate(-85.354 -38.032)" fill="red"/>
<path id="Path_343" data-name="Path 343" d="M85.358,85.579l-.008.014.008-.014Z" transform="translate(-85.338 -38.085)" fill="red"/>
<path id="Path_344" data-name="Path 344" d="M85.557,85.24h0l0,.007h0Z" transform="translate(-85.431 -37.929)" fill="red"/>
<path id="Path_345" data-name="Path 345" d="M85.475,85.364h0l.009-.014,0,0h0l-.015.027,0,0Z" transform="translate(-85.394 -37.978)" fill="red"/>
<path id="Path_346" data-name="Path 346" d="M85.5,85.308l0,0h0l0,0v0l.013-.023-.021.037v0Z" transform="translate(-85.407 -37.945)" fill="red"/>
<path id="Path_347" data-name="Path 347" d="M85.614,85.125h0l-.015.026.013-.023Z" transform="translate(-85.452 -37.876)" fill="red"/>
<path id="Path_348" data-name="Path 348" d="M117.508,104.222l0,0h0Z" transform="translate(-100.099 -46.642)" fill="red"/>
<path id="Path_349" data-name="Path 349" d="M85.342,85.617h0Z" transform="translate(-85.335 -38.103)" fill="red"/>
<path id="Path_350" data-name="Path 350" d="M117.62,104.286h0Z" transform="translate(-100.15 -46.672)" fill="red"/>
<path id="Path_351" data-name="Path 351" d="M85.336,85.617l-.008.014.008-.014Z" transform="translate(-85.328 -38.103)" fill="red"/>
<path id="Path_352" data-name="Path 352" d="M85.328,85.642l4.534,2.618-.318-.183Z" transform="translate(-85.328 -38.114)" fill="red"/>
<path id="Path_353" data-name="Path 353" d="M117.693,104.328l0,0h0Z" transform="translate(-100.183 -46.691)" fill="red"/>
<path id="Path_354" data-name="Path 354" d="M117.573,104.259h0Z" transform="translate(-100.128 -46.659)" fill="red"/>
<path id="Path_355" data-name="Path 355" d="M127.078,86.66l.01-.018,1.806-3.129-1.817,3.148Z" transform="translate(-104.491 -37.137)"/>
<path id="Path_356" data-name="Path 356" d="M117.624,104.288l.007,0h0l.006,0h0l0,0,.009,0h0l.006,0h0l-.038-.022Z" transform="translate(-100.151 -46.673)"/>
<path id="Path_357" data-name="Path 357" d="M117.857,104.423h0l.007,0,0,0h0l.017.01h0l.062.036h0l.114.065-.206-.118Z" transform="translate(-100.259 -46.735)"/>
<path id="Path_358" data-name="Path 358" d="M117.742,104.357l0,0h0l0,0,.015.009.005,0h0l.009,0-.041-.023Z" transform="translate(-100.205 -46.703)"/>
<path id="Path_359" data-name="Path 359" d="M117.821,104.4l.013.007h0l0,0-.017-.01Z" transform="translate(-100.242 -46.725)"/>
<path id="Path_360" data-name="Path 360" d="M85.342,85.617Z" transform="translate(-85.335 -38.103)"/>
<path id="Path_361" data-name="Path 361" d="M117.575,104.26l0,0,.014.008,0,0,0,0-.025-.014Z" transform="translate(-100.129 -46.66)"/>
<path id="Path_362" data-name="Path 362" d="M94.564,90.974l-.855-.493Z" transform="translate(-89.175 -40.335)"/>
<path id="Path_363" data-name="Path 363" d="M85.343,85.612h0l0-.006Z" transform="translate(-85.335 -38.097)"/>
<path id="Path_364" data-name="Path 364" d="M168.742,17.138h0l.014-.024h0l0,0v0l-.018.031Z" transform="translate(-123.615 -6.657)"/>
<path id="Path_365" data-name="Path 365" d="M114.114,102.262h0l.008,0h0l.027.015h0l.043.024,0,0,.016.009h0l0,0-3.877-2.239Z" transform="translate(-96.809 -44.743)"/>
<path id="Path_366" data-name="Path 366" d="M117.515,104.226l0,0h0l.019.011h0l0,0,0,0h0l-.032-.018Z" transform="translate(-100.101 -46.644)"/>
<path id="Path_367" data-name="Path 367" d="M168.73,17.176l0,0h0l-.007.011Z" transform="translate(-123.608 -6.686)"/>
<path id="Path_368" data-name="Path 368" d="M105.281,97.162l-5.938-3.428Z" transform="translate(-91.761 -41.828)"/>
<path id="Path_369" data-name="Path 369" d="M117.7,104.334l.009.005h0l0,0-.018-.011Z" transform="translate(-100.186 -46.692)"/>
<path id="Path_370" data-name="Path 370" d="M165.784,22.044l.036-.062.006-.012,0-.008.025-.042.007-.012.008-.015.073-.127v0l-.167.289Z" transform="translate(-122.254 -8.795)"/>
<path id="Path_371" data-name="Path 371" d="M166.731,19.332l.058-.1.011-.019.824-1.428,0,0-.9,1.553Z" transform="translate(-122.691 -6.965)"/>
<path id="Path_372" data-name="Path 372" d="M166.187,21.162l0-.006.077-.133,0-.006.159-.274-.292.505Z" transform="translate(-122.42 -8.325)"/>
<path id="Path_373" data-name="Path 373" d="M165.658,22.405l.022-.039.032-.056-.069.119Z" transform="translate(-122.193 -9.045)"/>
<path id="Path_374" data-name="Path 374" d="M168.477,17.6l.011-.02,0,0,0-.006,0,0-.019.034Z" transform="translate(-123.493 -6.866)"/>
<path id="Path_375" data-name="Path 375" d="M85.365,85.563h0l.011-.019Z" transform="translate(-85.345 -38.069)"/>
<path id="Path_376" data-name="Path 376" d="M168.518,17.383v0l.008-.013h0l.011-.021h0l.048-.083h0l.015-.026v0l.011-.019,0,0,.008-.014,0,0-.115.2Z" transform="translate(-123.509 -6.696)"/>
<path id="Path_377" data-name="Path 377" d="M165.4,22.736l0,0,.052-.091,0,0,.015-.025h0l.018-.031-.144.249Z" transform="translate(-122.057 -9.17)"/>
<path id="Path_378" data-name="Path 378" d="M147.378,51.671l-1.7,2.944Z" transform="translate(-113.029 -22.521)"/>
<path id="Path_379" data-name="Path 379" d="M164.121,23.88l.011-.019.465-.805v0l-.877,1.519Z" transform="translate(-121.31 -9.386)"/>
<path id="Path_380" data-name="Path 380" d="M139.981,65.265l-1.167,2.022Z" transform="translate(-109.878 -28.761)"/>
<path id="Path_381" data-name="Path 381" d="M151.649,46.51l.009-.016.041-.071.028-.048.022-.038,0-.008.071-.124-.178.308Z" transform="translate(-115.768 -20.013)"/>
<path id="Path_382" data-name="Path 382" d="M150.264,47.89l0-.008.126-.217-.872,1.509Z" transform="translate(-114.793 -20.683)"/>
<path id="Path_383" data-name="Path 383" d="M158.155,31.006v0l1.389-2.405.009-.015.027-.046,0-.006,1.267-2.194-3.06,5.3Z" transform="translate(-118.588 -10.893)"/>
<path id="Path_384" data-name="Path 384" d="M156.571,37.231l0-.005-.691,1.2Z" transform="translate(-117.713 -15.891)"/>
<path id="Path_385" data-name="Path 385" d="M152.192,44.451l.215-.373,0-.006.717-1.242-.939,1.626Z" transform="translate(-116.017 -18.463)"/>
<path id="Path_386" data-name="Path 386" d="M86.2,84.117l0,0,0,0,.005-.009Z" transform="translate(-85.728 -37.413)"/>
<path id="Path_387" data-name="Path 387" d="M87.162,82.461v0l0,0Z" transform="translate(-86.169 -36.653)"/>
<path id="Path_388" data-name="Path 388" d="M87.177,82.435l0,0,0-.006Z" transform="translate(-86.176 -36.641)"/>
<path id="Path_389" data-name="Path 389" d="M86.848,83v0l0-.006Z" transform="translate(-86.025 -36.901)"/>
<path id="Path_390" data-name="Path 390" d="M87.333,82.107l-.035.06,0,.007,0,0,.043-.074Z" transform="translate(-86.229 -36.49)"/>
<path id="Path_391" data-name="Path 391" d="M86.792,83.1l0,0,0-.007Z" transform="translate(-85.999 -36.946)"/>
<path id="Path_392" data-name="Path 392" d="M86.833,83.034v0Z" transform="translate(-86.018 -36.917)"/>
<path id="Path_393" data-name="Path 393" d="M86.552,83.455l-.016.028,0,.009,0,0-.019.032h0l.045-.078Z" transform="translate(-85.87 -37.108)"/>
<path id="Path_394" data-name="Path 394" d="M86.6,83.425h0l0-.008Z" transform="translate(-85.914 -37.093)"/>
<path id="Path_395" data-name="Path 395" d="M87.522,81.835h0l.005-.009Z" transform="translate(-86.335 -36.363)"/>
<path id="Path_396" data-name="Path 396" d="M86.674,83.3l0,0,0-.006Z" transform="translate(-85.945 -37.04)"/>
<path id="Path_397" data-name="Path 397" d="M88.6,79.965h0l0-.006Z" transform="translate(-86.831 -35.505)"/>
<path id="Path_398" data-name="Path 398" d="M88.516,80.12h0Z" transform="translate(-86.791 -35.579)"/>
<path id="Path_399" data-name="Path 399" d="M87.6,81.7l0,.009,0-.009Z" transform="translate(-86.369 -36.303)"/>
<path id="Path_400" data-name="Path 400" d="M168.877,16.791h0l-.1.166.017-.029h0l0-.007h0l0-.007h0l.006-.011h0v0l.06-.1h0Z" transform="translate(-123.633 -6.511)"/>
<path id="Path_401" data-name="Path 401" d="M88.489,80.132l-.024.042.024-.042Z" transform="translate(-86.768 -35.585)"/>
<path id="Path_402" data-name="Path 402" d="M87.646,81.609l-.008.014.012-.022Z" transform="translate(-86.388 -36.259)"/>
<path id="Path_403" data-name="Path 403" d="M87.777,81.4h0v0Z" transform="translate(-86.452 -36.166)"/>
<path id="Path_404" data-name="Path 404" d="M85.469,85.4h0l0,0Z" transform="translate(-85.392 -38)"/>
<path id="Path_405" data-name="Path 405" d="M85.628,85.119h0l0,0Z" transform="translate(-85.465 -37.872)"/>
<path id="Path_406" data-name="Path 406" d="M85.966,84.532v0l0-.006Z" transform="translate(-85.62 -37.603)"/>
<path id="Path_407" data-name="Path 407" d="M85.562,85.206l0,0,.021-.036Z" transform="translate(-85.435 -37.899)"/>
<path id="Path_408" data-name="Path 408" d="M85.792,84.8l-.021.037.024-.042Z" transform="translate(-85.531 -37.727)"/>
<path id="Path_409" data-name="Path 409" d="M85.547,85.253l-.007.011.007-.011Z" transform="translate(-85.425 -37.935)"/>
<path id="Path_410" data-name="Path 410" d="M85.5,85.344h0v0Z" transform="translate(-85.407 -37.977)"/>
<path id="Path_411" data-name="Path 411" d="M85.45,85.427l0,0,0,0Z" transform="translate(-85.383 -38.015)"/>
<path id="Path_412" data-name="Path 412" d="M85.434,85.453h0v0l0-.007Z" transform="translate(-85.376 -38.026)"/>
<path id="Path_413" data-name="Path 413" d="M86.02,84.439l0,0,0,0Z" transform="translate(-85.645 -37.562)"/>
<path id="Path_414" data-name="Path 414" d="M86.294,83.966h0v0Z" transform="translate(-85.771 -37.344)"/>
<path id="Path_415" data-name="Path 415" d="M86.181,84.16v0l0-.005Z" transform="translate(-85.719 -37.433)"/>
<path id="Path_416" data-name="Path 416" d="M86.344,83.846l0,.006v0l-.011.019,0,0,.024-.043Z" transform="translate(-85.786 -37.284)"/>
<path id="Path_417" data-name="Path 417" d="M86.482,83.623l-.006.011,0,.007,0,0v0l.014-.024Z" transform="translate(-85.851 -37.187)"/>
<path id="Path_418" data-name="Path 418" d="M86.435,83.724h0v0Z" transform="translate(-85.836 -37.233)"/>
<path id="Path_419" data-name="Path 419" d="M86.038,84.412h0v0Z" transform="translate(-85.653 -37.549)"/>
<path id="Path_420" data-name="Path 420" d="M86.147,84.22v0l0,0Z" transform="translate(-85.703 -37.46)"/>
<path id="Path_421" data-name="Path 421" d="M86.054,84.367l0,.009,0,0,.012-.021Z" transform="translate(-85.657 -37.526)"/>
<path id="Path_422" data-name="Path 422" d="M137.97,12.34,110.53,59.867l3.776,2.18v.005l.032.016.027.016.038.022h.005l.016.011h.005l.038.027h.005l.016.011h.005l.206.119,4.247-7.358a.005.005,0,0,1,.005-.005l.027-.049c0-.005.005-.005.005-.011l.476-.822a.019.019,0,0,1,.005-.011l.005-.016.011-.011,1.818-3.149c1.4-2.429,2.943-5.1,4.528-7.85L127,40.975c.849-1.466,1.7-2.943,2.548-4.415l1.7-2.943c.124-.222.254-.438.379-.655l.871-1.509a.59.59,0,0,0,.043-.081l.005-.005c.07-.124.146-.249.216-.373l.011-.016c0-.005,0-.005.005-.005l.179-.308.032-.065.022-.038c.022-.032.038-.065.06-.1v-.005L134,28.835c.362-.622.714-1.233,1.06-1.834l.692-1.2.005-.011c.114-.195.222-.384.335-.584l3.062-5.3.146-.26.876-1.52a.005.005,0,0,0,.005-.005l.141-.249a.074.074,0,0,0,.016-.022v-.005l.07-.119a.005.005,0,0,1,.005-.005l.168-.292a.19.19,0,0,1,.027-.043l.292-.509a.22.22,0,0,1,.027-.049l.9-1.553a.533.533,0,0,1,.049-.081l.016-.038.119-.2.005-.011v-.005l.022-.027v-.005l.1-.168Z" transform="translate(-96.896 -4.468)" fill="#f1be83"/>
<path id="Path_423" data-name="Path 423" d="M112.77-2.21,107.738,6.5v.005l-.011.022a.005.005,0,0,0-.005.005l-.043.07c0,.005,0,.011-.005.011l-.005.011c-.011.016-.016.032-.027.049l-.005.011a.136.136,0,0,0-.022.038l-.011.011c0,.005-.005.016-.005.022l-.038.065c-.005,0-.005.005-.011.011l-.005.011a.19.19,0,0,1-.027.043l-.005.011a.118.118,0,0,1-.027.043v.005a.162.162,0,0,0-.022.043l-.027.043a.291.291,0,0,0-.038.07l-.011.011c0,.005-.005.011-.005.016l-.011.016-.005.005-.054.1-.011.011-.011.022v.005l-.124.211c0,.005,0,.005-.005.005l-.011.027-.022.038c-.005.005-.011.016-.016.022l-.07.124a.236.236,0,0,1-.022.038l-.011.022c-.005.005-.005.011-.011.011l-.005.011c0,.005-.005.011-.005.016l-.011.016a.077.077,0,0,1-.011.016l-.054.1-.005.005-.254.444c-.005.005-.005.011-.011.016V8.41c-.005,0-.005.005-.011.011l-.011.027c-.005.011-.016.022-.022.032l-.011.022v.005l-.065.108c-.005.005-.005.005-.005.011l-.525.909c-.005,0-.005.005-.005.011l-.016.022-.525.909v.005L87.115,42.228l-.011.016-.005.005s-.016.027-.043.081H87.05v.005l-.027.043c-.054.1-.141.249-.254.438v.005c-.032.054-.065.114-.1.173L86.666,43v.005c-.005,0-.005.005-.011.011v.005a.005.005,0,0,0-.005.005c-.011.016-.016.032-.027.049s-.005.011-.011.016l-.016.032-.005.005-.011.022a.118.118,0,0,1-.016.027v.005l-.005.005a.219.219,0,0,0-.027.049l-.005.005c0,.005-.005.005-.005.011l-.005.005-.065.114-.005.011c-.005.005-.005.011-.011.016l-.043.076a.005.005,0,0,1-.005.005.169.169,0,0,1-.027.054v.005a.229.229,0,0,0-.027.038l-.005.005V43.6l-.005.005a.005.005,0,0,1-.005.005l-.005.011c-.011.022-.022.038-.032.06l-.005.005v.005l-.005.005V43.7c-.027.049-.054.092-.081.141l-.005.005c-.011.016-.016.027-.027.043v.005l-.005.005V43.9h-.005v.005c-.005.011-.011.016-.016.027v.005l-.005.005c0,.005-.005.005-.005.011a.017.017,0,0,0-.005.011l-.005.005v.005L86.093,44l-.027.043-.005.011-.005.005c-.005.016-.016.027-.022.043v.005h-.005l-.005.011-.005.005v.005l-.005.005-.043.076v.005l-.011.011-.011.027-.016.027-.005.005-.016.027a.119.119,0,0,1-.016.027l-.022.043-.005.005-.011.016v.005l-.005.005-.022.038-.016.032-.005.005L85.8,44.5l-.005.011v.005l-.005.005-.011.022c-.005,0-.005,0-.005.005v.005l-.005.005-.022.032-.005.011c0,.005,0,.005-.005.005l-.005.016-.011.022h-.005v.005l-.011.016v.005c-.005,0-.005,0-.005.005l-.022.032v.005l-.005.005v.005l-.005.005v.005l-.043.07-.016.027v.005l-.005.011H85.6v.011l-.027.043-.022.032v.005l-.049.087h-.005v.011h-.005l-.011.022-.022.038-.005.005-.005.011-.011.027h-.005v.005l-.005.005v.005h-.005c0,.005-.005.011-.005.016l-.005.005v.005l-.005.005-.005.011v.005a.005.005,0,0,0-.005.005l-.005.005v.005l-.027.038-.011.022-.005.016-.005.005-.005.011L89.5,47.724,116.941.2Z" transform="translate(-85.329 2.21)" fill="#d47077"/>
<path id="Path_424" data-name="Path 424" d="M129.942,7.7,102.5,55.231l-.1-.06c-.005,0-.005,0-.011-.005l-5.94-3.43c-.752-.433-1.488-.86-2.191-1.266l-.855-.492c-.108-.06-.216-.124-.319-.184l-.043-.027L120.48,2.24Z" transform="translate(-88.868 0.167)" fill="#fff"/>
</g>
<g id="Group_20" data-name="Group 20" transform="translate(30.328 -2.21)">
<path id="Path_425" data-name="Path 425" d="M31.6,18.992l-.006-.01,0,.007Z" transform="translate(-30.909 -7.517)" fill="red"/>
<path id="Path_426" data-name="Path 426" d="M31.406,18.657l-.034-.058.016.028Z" transform="translate(-30.807 -7.341)" fill="red"/>
<path id="Path_427" data-name="Path 427" d="M31.882,19.481l.081.141,0,0,0,0,0,0,0,0,0,0,.036.062.006.011,0,0,0,0-.167-.288.025.044Z" transform="translate(-31.028 -7.724)" fill="red"/>
<path id="Path_428" data-name="Path 428" d="M31.453,18.739l-.017-.03v0Z" transform="translate(-30.836 -7.392)" fill="red"/>
<path id="Path_429" data-name="Path 429" d="M31.619,19.027l0,0,.024.041h0l-.033-.056,0,.007Z" transform="translate(-30.917 -7.532)" fill="red"/>
<path id="Path_430" data-name="Path 430" d="M31.838,19.406l0,0-.007-.012,0,0Z" transform="translate(-31.019 -7.708)" fill="red"/>
<path id="Path_431" data-name="Path 431" d="M31.816,19.367l-.019-.032,0,0Z" transform="translate(-31.002 -7.679)" fill="red"/>
<path id="Path_432" data-name="Path 432" d="M31.687,19.143h0l.022.039h0l.012.021,0,0,0,0,.006.01,0,0,.005.009-.059-.1v0Z" transform="translate(-30.949 -7.586)" fill="red"/>
<path id="Path_433" data-name="Path 433" d="M31.5,18.817l0,.006v0l-.009-.016,0,.006Z" transform="translate(-30.863 -7.438)" fill="red"/>
<path id="Path_434" data-name="Path 434" d="M31.03,18.007l-.008-.014h0Z" transform="translate(-30.647 -7.063)" fill="red"/>
<path id="Path_435" data-name="Path 435" d="M30.973,17.907l.021.036v0l-.025-.044,0,0Z" transform="translate(-30.623 -7.022)" fill="red"/>
<path id="Path_436" data-name="Path 436" d="M30.82,17.642v0l.006.011,0,0,.017.029h0l.039.068,0,0,0,.007,0,.005-.081-.14,0,0Z" transform="translate(-30.551 -6.898)" fill="red"/>
<path id="Path_437" data-name="Path 437" d="M31.043,18.028l0-.006,0,0Z" transform="translate(-30.654 -7.076)" fill="red"/>
<path id="Path_438" data-name="Path 438" d="M31.166,18.241h0l-.016-.028,0,.006Z" transform="translate(-30.705 -7.165)" fill="red"/>
<path id="Path_439" data-name="Path 439" d="M31.079,18.092l.007.013h0l.018.031h0l0,.008-.042-.073.009.015Z" transform="translate(-30.667 -7.099)" fill="red"/>
<path id="Path_440" data-name="Path 440" d="M31.189,18.281l0,.008-.008-.014h0Z" transform="translate(-30.721 -7.193)" fill="red"/>
<path id="Path_441" data-name="Path 441" d="M31.3,18.475l.009.015,0,.006-.017-.029v0Z" transform="translate(-30.772 -7.281)" fill="red"/>
<path id="Path_442" data-name="Path 442" d="M108.6,76.353l-.148-.257Z" transform="translate(-66.185 -33.732)" fill="red"/>
<path id="Path_443" data-name="Path 443" d="M99.984,61.437,98.924,59.6Z" transform="translate(-61.813 -26.162)" fill="red"/>
<path id="Path_444" data-name="Path 444" d="M32.169,19.979l0,0,0-.008,0,0Z" transform="translate(-31.172 -7.972)" fill="red"/>
<path id="Path_445" data-name="Path 445" d="M88.518,41.578l-2.547-4.411Z" transform="translate(-55.868 -15.864)" fill="red"/>
<path id="Path_446" data-name="Path 446" d="M30.684,17.407v0l.022.037-.075-.129,0,0Z" transform="translate(-30.468 -6.753)" fill="red"/>
<path id="Path_447" data-name="Path 447" d="M55.331,2.349l-.012.007Z" transform="translate(-41.799 0.117)" fill="red"/>
<path id="Path_448" data-name="Path 448" d="M79.968,26.77l-4.533-7.851Z" transform="translate(-51.032 -7.488)" fill="red"/>
<path id="Path_449" data-name="Path 449" d="M33.619,22.491,51.947,54.237l0,0,.526.911v0l.012.022.006.01.525.909,0,.009.064.11h0l.014.025.019.032.015.025.008.014,0,0,.009.016.254.441,0,.006.058.1.009.016.008.013.01.017,0,.009.008.013.011.019.023.039.072.126.012.022.022.037v0l.014.024,0,.006.123.214v0l.012.021.009.015.056.1,0,.006.009.016.008.014.008.014.039.068.026.044.023.04,0,.005.027.046,0,.009.027.047.006.011.006.011.037.065.01.018.006.01.023.041.007.012.027.046.005.009.008.014.039.068,0,.009.014.023h0l5.03,8.712h0L33.609,22.474l.009.016Z" transform="translate(-31.834 -9.12)" fill="red"/>
<path id="Path_450" data-name="Path 450" d="M94.2,51.419l-.38-.657Z" transform="translate(-59.471 -22.104)" fill="red"/>
<path id="Path_451" data-name="Path 451" d="M32.623,20.766l-.017-.029h0Z" transform="translate(-31.374 -8.323)" fill="red"/>
<path id="Path_452" data-name="Path 452" d="M32.539,20.62l.028.048-.036-.062,0,.009Z" transform="translate(-31.339 -8.263)" fill="red"/>
<path id="Path_453" data-name="Path 453" d="M33.563,22.394h0l-.047-.081h0Z" transform="translate(-31.791 -9.046)" fill="red"/>
<path id="Path_454" data-name="Path 454" d="M32.205,20.042l0,0,.03.052h0l0,.006-.06-.1v0Z" transform="translate(-31.178 -7.984)" fill="red"/>
<path id="Path_455" data-name="Path 455" d="M32.381,20.345l.005.01.065.114h0l-.081-.141h0Z" transform="translate(-31.266 -8.135)" fill="red"/>
<path id="Path_456" data-name="Path 456" d="M33.513,22.307l0-.006,0,0Z" transform="translate(-31.788 -9.041)" fill="red"/>
<path id="Path_457" data-name="Path 457" d="M32.684,20.87h0l.009.015h0l.027.047v0l0,0-.063-.108,0,.009Z" transform="translate(-31.399 -8.366)" fill="red"/>
<path id="Path_458" data-name="Path 458" d="M32.789,21.052v0l0,0,0,0,.1.171,0,.005.255.441-.371-.643,0,.005Z" transform="translate(-31.453 -8.459)" fill="red"/>
<path id="Path_459" data-name="Path 459" d="M31.213,18.322l0,.006.017.03.021.037v0l-.045-.078,0,0Z" transform="translate(-30.733 -7.212)" fill="red"/>
<path id="Path_460" data-name="Path 460" d="M97.032,56.326l-.02-.035-.037-.064.116.2h0Z" transform="translate(-60.919 -24.613)" fill="red"/>
<path id="Path_461" data-name="Path 461" d="M110.342,79.378l0,.006,0-.006Z" transform="translate(-67.054 -35.239)" fill="red"/>
<path id="Path_462" data-name="Path 462" d="M102.16,65.206l.341.59-.338-.584Z" transform="translate(-63.299 -28.734)" fill="red"/>
<path id="Path_463" data-name="Path 463" d="M110.626,79.87l-.012-.02.016.028v0Z" transform="translate(-67.179 -35.456)" fill="red"/>
<path id="Path_464" data-name="Path 464" d="M110.771,80.122l0,.006h0Z" transform="translate(-67.251 -35.58)" fill="red"/>
<path id="Path_465" data-name="Path 465" d="M96.4,55.223l-.215-.373,0-.006-.044-.077.278.481,0-.006Z" transform="translate(-60.532 -23.942)" fill="red"/>
<path id="Path_466" data-name="Path 466" d="M62.851-1.989l0,0h0Z" transform="translate(-45.256 2.109)" fill="red"/>
<path id="Path_467" data-name="Path 467" d="M68.005,6.049,68,6.038l-.474-.821L67.516,5.2l-.027-.046,0-.006L63.237-2.21l4.782,8.283-.006-.011Z" transform="translate(-45.433 2.21)" fill="red"/>
<path id="Path_468" data-name="Path 468" d="M113.775,85.325l0,.005,0,0Z" transform="translate(-68.63 -37.969)" fill="red"/>
<path id="Path_469" data-name="Path 469" d="M113.738,85.26l0,0,0,0Z" transform="translate(-68.613 -37.939)" fill="red"/>
<path id="Path_470" data-name="Path 470" d="M62.814-1.968l0,0h0Z" transform="translate(-45.239 2.1)" fill="red"/>
<path id="Path_471" data-name="Path 471" d="M113.725,85.238h0Z" transform="translate(-68.607 -37.929)" fill="red"/>
<path id="Path_472" data-name="Path 472" d="M111.677,81.69l.029.05h0Z" transform="translate(-67.667 -36.3)" fill="red"/>
<path id="Path_473" data-name="Path 473" d="M111.086,80.668l.028.048-.028-.048Z" transform="translate(-67.396 -35.831)" fill="red"/>
<path id="Path_474" data-name="Path 474" d="M113.512,84.869h0Z" transform="translate(-68.509 -37.759)" fill="red"/>
<path id="Path_475" data-name="Path 475" d="M113.388,84.655v0l.048.083h0Z" transform="translate(-68.452 -37.66)" fill="red"/>
<path id="Path_476" data-name="Path 476" d="M62.733-1.921l0,0h0Z" transform="translate(-45.202 2.078)" fill="red"/>
<path id="Path_477" data-name="Path 477" d="M30.444,16.991l0-.009,0,.006Z" transform="translate(-30.379 -6.599)" fill="red"/>
<path id="Path_478" data-name="Path 478" d="M30.457,17.013v.007l-.009-.015h0Z" transform="translate(-30.385 -6.61)" fill="red"/>
<path id="Path_479" data-name="Path 479" d="M30.41,16.932l-.025-.044.024.042Z" transform="translate(-30.354 -6.556)" fill="red"/>
<path id="Path_480" data-name="Path 480" d="M30.358,16.841l-.008-.014.008.014Z" transform="translate(-30.338 -6.528)" fill="red"/>
<path id="Path_481" data-name="Path 481" d="M30.557,17.186h0l0-.007h0Z" transform="translate(-30.431 -6.69)" fill="red"/>
<path id="Path_482" data-name="Path 482" d="M30.475,17.046h0l.009.015,0,0h0l-.015-.026,0,0Z" transform="translate(-30.394 -6.625)" fill="red"/>
<path id="Path_483" data-name="Path 483" d="M30.5,17.093l0,0h0l0,0v0l.013.023L30.5,17.09v0Z" transform="translate(-30.407 -6.649)" fill="red"/>
<path id="Path_484" data-name="Path 484" d="M30.614,17.285h0L30.6,17.26l.013.023Z" transform="translate(-30.452 -6.727)" fill="red"/>
<path id="Path_485" data-name="Path 485" d="M62.508-1.791l0,0h0Z" transform="translate(-45.099 2.018)" fill="red"/>
<path id="Path_486" data-name="Path 486" d="M30.343,16.815h0Z" transform="translate(-30.335 -6.523)" fill="red"/>
<path id="Path_487" data-name="Path 487" d="M62.62-1.855h0Z" transform="translate(-45.15 2.047)" fill="red"/>
<path id="Path_488" data-name="Path 488" d="M30.336,16.8l-.008-.014.008.014Z" transform="translate(-30.328 -6.511)" fill="red"/>
<path id="Path_489" data-name="Path 489" d="M62.693-1.9l0,0h0Z" transform="translate(-45.183 2.067)" fill="red"/>
<path id="Path_490" data-name="Path 490" d="M62.573-1.827h0Z" transform="translate(-45.128 2.034)" fill="red"/>
<path id="Path_491" data-name="Path 491" d="M72.078,13.1l.01.018,1.806,3.129L72.077,13.1Z" transform="translate(-49.491 -4.818)"/>
<path id="Path_492" data-name="Path 492" d="M62.624-1.874l.006,0h0l.006,0h0l.009-.005h0l.006,0h0l-.038.022Z" transform="translate(-45.151 2.066)"/>
<path id="Path_493" data-name="Path 493" d="M62.857-2.092h0l.007,0,0,0h0l.017-.01h0l.062-.036h0l.114-.065-.206.118Z" transform="translate(-45.259 2.21)"/>
<path id="Path_494" data-name="Path 494" d="M62.742-1.944l0,0h0l.015-.009.005,0h0l.009,0-.041.023Z" transform="translate(-45.205 2.098)"/>
<path id="Path_495" data-name="Path 495" d="M62.821-1.978l.013-.007h0l0,0-.017.01Z" transform="translate(-45.242 2.108)"/>
<path id="Path_496" data-name="Path 496" d="M30.342,16.815Z" transform="translate(-30.335 -6.523)"/>
<path id="Path_497" data-name="Path 497" d="M62.575-1.84l0,0,.014-.008,0,0,0,0-.025.014Z" transform="translate(-45.129 2.047)"/>
<path id="Path_498" data-name="Path 498" d="M30.343,16.815h0l0,.006Z" transform="translate(-30.335 -6.523)"/>
<path id="Path_499" data-name="Path 499" d="M113.742,85.268h0l.014.024h0l0,0v0l-.018-.031Z" transform="translate(-68.615 -37.942)"/>
<path id="Path_500" data-name="Path 500" d="M62.515-1.809l0,0h0l.019-.012h0l0,0,0,0h0l-.032.018Z" transform="translate(-45.101 2.034)"/>
<path id="Path_501" data-name="Path 501" d="M113.73,85.247l0,0h0l-.006-.011Z" transform="translate(-68.608 -37.929)"/>
<path id="Path_502" data-name="Path 502" d="M62.7-1.911l.009,0h0l0,0-.018.011Z" transform="translate(-45.186 2.076)"/>
<path id="Path_503" data-name="Path 503" d="M110.784,80.144l.036.061.006.012,0,.008.025.043.007.012.008.015.073.127v0l-.167-.289Z" transform="translate(-67.254 -35.585)"/>
<path id="Path_504" data-name="Path 504" d="M111.731,81.784l.058.1.011.019.824,1.427,0,0-.9-1.553Z" transform="translate(-67.691 -36.342)"/>
<path id="Path_505" data-name="Path 505" d="M111.187,80.842l0,.006.077.134,0,.006.159.274-.292-.505Z" transform="translate(-67.42 -35.871)"/>
<path id="Path_506" data-name="Path 506" d="M110.658,79.926l.022.039.032.056-.069-.119Z" transform="translate(-67.193 -35.479)"/>
<path id="Path_507" data-name="Path 507" d="M113.477,84.808l.011.02,0,0,0,.006,0,0-.019-.034Z" transform="translate(-68.493 -37.731)"/>
<path id="Path_508" data-name="Path 508" d="M30.365,16.854h0l.011.019Z" transform="translate(-30.345 -6.54)"/>
<path id="Path_509" data-name="Path 509" d="M113.518,84.879v0l.008.013h0l.011.021h0l.048.084h0l.015.026v0l.011.019,0,0,.008.014,0,0-.115-.2Z" transform="translate(-68.509 -37.759)"/>
<path id="Path_510" data-name="Path 510" d="M110.4,79.485l0,0,.052.091,0,0,.015.025h0l.018.031-.144-.249Z" transform="translate(-67.057 -35.244)"/>
<path id="Path_511" data-name="Path 511" d="M92.378,48.265l-1.7-2.944Z" transform="translate(-58.029 -19.607)"/>
<path id="Path_512" data-name="Path 512" d="M109.121,77.264l.011.019.465.805v0l-.877-1.519Z" transform="translate(-66.31 -33.95)"/>
<path id="Path_513" data-name="Path 513" d="M84.981,35.452l-1.167-2.021Z" transform="translate(-54.878 -14.149)"/>
<path id="Path_514" data-name="Path 514" d="M96.649,55.661l.009.016.041.07.028.048.022.038,0,.008.071.124-.178-.308Z" transform="translate(-60.768 -24.351)"/>
<path id="Path_515" data-name="Path 515" d="M95.264,53.262l0,.008.126.217-.872-1.509Z" transform="translate(-59.793 -22.662)"/>
<path id="Path_516" data-name="Path 516" d="M103.155,66.928v0l1.389,2.406.009.015.027.046,0,.006L105.85,71.6l-3.06-5.3Z" transform="translate(-63.588 -29.235)"/>
<path id="Path_517" data-name="Path 517" d="M101.571,64.185l0,.005-.691-1.2Z" transform="translate(-62.713 -27.719)"/>
<path id="Path_518" data-name="Path 518" d="M97.192,56.6l.215.373,0,.006.717,1.242L97.189,56.6Z" transform="translate(-61.017 -24.782)"/>
<path id="Path_519" data-name="Path 519" d="M31.2,18.307l0,0,0,0,.005.009Z" transform="translate(-30.728 -7.204)"/>
<path id="Path_520" data-name="Path 520" d="M32.162,19.968v0l0,0Z" transform="translate(-31.169 -7.968)"/>
<path id="Path_521" data-name="Path 521" d="M32.177,19.992l0,0,0,.006Z" transform="translate(-31.176 -7.979)"/>
<path id="Path_522" data-name="Path 522" d="M31.848,19.423v0l0,.006Z" transform="translate(-31.025 -7.719)"/>
<path id="Path_523" data-name="Path 523" d="M32.333,20.263,32.3,20.2l0-.006,0,0,.043.074Z" transform="translate(-31.229 -8.073)"/>
<path id="Path_524" data-name="Path 524" d="M31.792,19.326l0,0,0,.007Z" transform="translate(-30.999 -7.673)"/>
<path id="Path_525" data-name="Path 525" d="M31.833,19.4v0Z" transform="translate(-31.018 -7.706)"/>
<path id="Path_526" data-name="Path 526" d="M31.552,18.91l-.016-.028,0-.008,0,0-.019-.032h0l.045.078Z" transform="translate(-30.87 -7.451)"/>
<path id="Path_527" data-name="Path 527" d="M31.6,19h0l0,.008Z" transform="translate(-30.914 -7.525)"/>
<path id="Path_528" data-name="Path 528" d="M32.522,20.59h0l.005.009Z" transform="translate(-31.335 -8.255)"/>
<path id="Path_529" data-name="Path 529" d="M31.674,19.122l0,0,0,.006Z" transform="translate(-30.945 -7.58)"/>
<path id="Path_530" data-name="Path 530" d="M33.6,22.462h0l0,.006Z" transform="translate(-31.831 -9.114)"/>
<path id="Path_531" data-name="Path 531" d="M33.516,22.312h0Z" transform="translate(-31.791 -9.046)"/>
<path id="Path_532" data-name="Path 532" d="M32.6,20.729l0-.009,0,.009Z" transform="translate(-31.369 -8.315)"/>
<path id="Path_533" data-name="Path 533" d="M113.877,85.5h0l-.1-.166.017.029h0l0,.007h0l0,.007h0l.006.011h0v0l.06.1h0Z" transform="translate(-68.633 -37.973)"/>
<path id="Path_534" data-name="Path 534" d="M33.489,22.265l-.024-.041.024.042Z" transform="translate(-31.768 -9.005)"/>
<path id="Path_535" data-name="Path 535" d="M32.646,20.806l-.008-.015.012.022Z" transform="translate(-31.388 -8.347)"/>
<path id="Path_536" data-name="Path 536" d="M32.777,21.032h0v0Z" transform="translate(-31.452 -8.458)"/>
<path id="Path_537" data-name="Path 537" d="M30.469,17.034h0l0,0Z" transform="translate(-30.392 -6.622)"/>
<path id="Path_538" data-name="Path 538" d="M30.628,17.309h0l0,0Z" transform="translate(-30.465 -6.749)"/>
<path id="Path_539" data-name="Path 539" d="M30.966,17.895v0l0,.006Z" transform="translate(-30.62 -7.017)"/>
<path id="Path_540" data-name="Path 540" d="M30.562,17.2l0,0,.021.036Z" transform="translate(-30.435 -6.696)"/>
<path id="Path_541" data-name="Path 541" d="M30.792,17.594l-.021-.037.024.042Z" transform="translate(-30.531 -6.863)"/>
<path id="Path_542" data-name="Path 542" d="M30.547,17.169l-.007-.011.007.011Z" transform="translate(-30.425 -6.68)"/>
<path id="Path_543" data-name="Path 543" d="M30.5,17.087h0v0Z" transform="translate(-30.407 -6.647)"/>
<path id="Path_544" data-name="Path 544" d="M30.45,17l0,0,0,0Z" transform="translate(-30.383 -6.607)"/>
<path id="Path_545" data-name="Path 545" d="M30.434,16.973h0v0l0,.007Z" transform="translate(-30.376 -6.594)"/>
<path id="Path_546" data-name="Path 546" d="M31.02,17.989l0,0,0,0Z" transform="translate(-30.645 -7.059)"/>
<path id="Path_547" data-name="Path 547" d="M31.294,18.464h0v0Z" transform="translate(-30.771 -7.279)"/>
<path id="Path_548" data-name="Path 548" d="M31.181,18.268v0l0,.005Z" transform="translate(-30.719 -7.188)"/>
<path id="Path_549" data-name="Path 549" d="M31.344,18.55l0-.006v0l-.011-.019,0,0,.024.043Z" transform="translate(-30.786 -7.305)"/>
<path id="Path_550" data-name="Path 550" d="M31.482,18.788l-.006-.011,0-.007,0,0v0l.014.025Z" transform="translate(-30.851 -7.417)"/>
<path id="Path_551" data-name="Path 551" d="M31.435,18.707h0v0Z" transform="translate(-30.836 -7.39)"/>
<path id="Path_552" data-name="Path 552" d="M31.038,18.019h0v0Z" transform="translate(-30.653 -7.075)"/>
<path id="Path_553" data-name="Path 553" d="M31.147,18.209v0l0,0Z" transform="translate(-30.703 -7.161)"/>
<path id="Path_554" data-name="Path 554" d="M31.054,18.047l0-.009,0,0,.012.021Z" transform="translate(-30.657 -7.082)"/>
<path id="Path_555" data-name="Path 555" d="M87.141,45.319l-.1-.168v-.005l-.022-.027v-.005l-.005-.011-.119-.2-.016-.038a.534.534,0,0,1-.049-.081l-.9-1.553a.219.219,0,0,1-.027-.049l-.292-.509a.19.19,0,0,1-.027-.043l-.168-.292a.005.005,0,0,1-.005-.005l-.07-.119v-.005a.075.075,0,0,0-.016-.022l-.141-.249a.005.005,0,0,0-.005-.005l-.876-1.52-.146-.26-3.062-5.3c-.114-.2-.222-.39-.335-.584l-.005-.011-.692-1.2c-.346-.6-.7-1.212-1.06-1.834l-.936-1.623V29.6c-.022-.032-.038-.065-.06-.1l-.022-.038-.032-.065-.179-.308c-.005,0-.005,0-.005-.005l-.011-.016c-.07-.124-.146-.249-.216-.373l-.005-.005a.591.591,0,0,0-.043-.081L76.624,27.1c-.124-.216-.254-.433-.379-.655l-1.7-2.943c-.849-1.472-1.7-2.948-2.548-4.415l-1.169-2.018C69.244,14.32,67.7,11.652,66.3,9.223L64.484,6.075l-.011-.011-.005-.016a.019.019,0,0,1-.005-.011l-.476-.822c0-.005-.005-.005-.005-.011l-.027-.049a.005.005,0,0,1-.005-.005L59.7-2.208l-.206.119H59.49l-.016.011h-.005l-.038.027h-.005l-.016.011H59.4l-.038.022L59.339-2l-.032.016v.005L55.53.2,82.97,47.726Z" transform="translate(-41.896 2.209)" fill="#f1be83"/>
<path id="Path_556" data-name="Path 556" d="M61.941,59.869,34.5,12.342,30.33,14.749l.005.011.005.005.005.016.011.022.027.038v.005l.005.005a.005.005,0,0,0,.005.005v.005l.005.011.005.005v.005l.005.005c0,.005.005.011.005.016h.005v.005l.005.005v.005h.005l.011.027.005.011.005.005.022.038.011.022h.005v.011H30.5l.049.087v.005l.022.032.027.043v.011H30.6l.005.011v.005l.016.027.043.07v.005l.005.005v.005l.005.005v.005l.022.032c0,.005,0,.005.005.005V15.4l.011.016v.005h.005l.011.022.005.016c.005,0,.005,0,.005.005l.005.011.022.032.005.005v.005c0,.005,0,.005.005.005l.011.022.005.005v.005l.005.011.005.011.005.005.016.032.022.038.005.005v.005l.011.016.005.005.022.043a.118.118,0,0,1,.016.027l.016.027.005.005.016.027.011.027.011.011v.005l.043.076.005.005v.005l.005.005.005.011h.005v.005c.005.016.016.027.022.043l.005.005.005.011.027.043.011.016v.005l.005.005a.017.017,0,0,0,.005.011c0,.005.005.005.005.011l.005.005v.005c.005.011.011.016.016.027v.005h.005v.005l.005.005v.005c.011.016.016.027.027.043l.005.005c.027.049.054.092.081.141v.005l.005.005v.005l.005.005c.011.022.022.038.032.06l.005.011a.005.005,0,0,1,.005.005l.005.005v.011l.005.005a.229.229,0,0,0,.027.038v.005a.169.169,0,0,1,.027.054.005.005,0,0,1,.005.005l.043.076c.005.005.005.011.011.016l.005.011.065.114.005.005c0,.005.005.005.005.011l.005.005a.219.219,0,0,0,.027.049l.005.005v.005a.118.118,0,0,1,.016.027l.011.022.005.005.016.032c.005.005.005.011.011.016s.016.032.027.049a.005.005,0,0,0,.005.005v.005c.005.005.005.011.011.011v.005l.005.005c.032.06.065.119.1.173v.005c.114.189.2.341.254.438l.027.043v.005h.005c.027.054.043.081.043.081l.005.005.011.016L50.444,49.584v.005l.525.909.016.022c0,.005,0,.011.005.011l.525.909c0,.005,0,.005.005.011l.065.108v.005l.011.022c.005.011.016.022.022.032l.011.027c.005.005.005.011.011.011v.005c.005.005.005.011.011.016l.254.444.005.005.054.1a.078.078,0,0,1,.011.016l.011.016c0,.005.005.011.005.016l.005.011c.005,0,.005.005.011.011l.011.022a.236.236,0,0,1,.022.038l.07.124c.005.005.011.016.016.022l.022.038.011.027c.005,0,.005,0,.005.005l.124.211v.005l.011.022.011.011.054.1.005.005.011.016c0,.005.005.011.005.016l.011.011a.291.291,0,0,0,.038.07l.027.043a.162.162,0,0,0,.022.043v.005a.118.118,0,0,1,.027.043l.005.011a.19.19,0,0,1,.027.043l.005.011c.005.005.005.011.011.011l.038.065c0,.005.005.016.005.022l.011.011a.136.136,0,0,0,.022.038l.005.011c.011.016.016.032.027.049l.005.011c.005,0,.005.005.005.011l.043.07a.005.005,0,0,0,.005.005l.011.022v.005l5.031,8.71Z" transform="translate(-30.329 -4.469)" fill="#d47077"/>
<path id="Path_557" data-name="Path 557" d="M74.942,49.769,47.5,2.242l-.1.06c-.005,0-.005,0-.011.005l-5.94,3.43C40.7,6.17,39.961,6.6,39.257,7L38.4,7.5c-.108.06-.216.124-.319.184l-.043.027L65.48,55.233Z" transform="translate(-33.868 0.167)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 20.83, -2.21)" filter="url(#Ellipse_43)">
<circle id="Ellipse_43-2" data-name="Ellipse 43" cx="27.05" cy="27.05" r="27.05" transform="translate(19.87 33.66)" fill="#91a6bf"/>
</g>
<g transform="matrix(1, 0, 0, 1, 20.83, -2.21)" filter="url(#Ellipse_44)">
<circle id="Ellipse_44-2" data-name="Ellipse 44" cx="19.07" cy="19.07" r="19.07" transform="translate(27.99 41.5)" fill="#bdcde5" stroke="#91a6bf" stroke-miterlimit="10" stroke-width="2"/>
</g>
<g id="Group_23" data-name="Group 23" transform="translate(49.356 39.831)">
<g id="Group_22" data-name="Group 22" clip-path="url(#clip-path-2)">
<g id="Group_21" data-name="Group 21" transform="translate(-5.004 -5.004)" opacity="0.03">
<path id="Path_558" data-name="Path 558" d="M96.25,133.284l1.894-23.534,1.894,23.534Z" transform="translate(-74.61 -86.216)"/>
<path id="Path_559" data-name="Path 559" d="M105.221,132.717,99.75,109.75l9.073,21.8Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_560" data-name="Path 560" d="M112.051,129.9,99.75,109.75l15.365,17.926Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_561" data-name="Path 561" d="M117.676,125.115,99.75,109.75l20.152,12.3Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_562" data-name="Path 562" d="M121.547,118.823l-21.8-9.073,22.967,5.471Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_563" data-name="Path 563" d="M123.284,110.037,99.75,108.143l23.534-1.893Z" transform="translate(-76.216 -84.61)"/>
<path id="Path_564" data-name="Path 564" d="M122.717,96.581,99.75,102.052l21.8-9.073Z" transform="translate(-76.216 -78.519)"/>
<path id="Path_565" data-name="Path 565" d="M119.9,84.414,99.75,96.714,117.676,81.35Z" transform="translate(-76.216 -73.181)"/>
<path id="Path_566" data-name="Path 566" d="M115.115,74.726,99.75,92.652l12.3-20.152Z" transform="translate(-76.216 -69.119)"/>
<path id="Path_567" data-name="Path 567" d="M108.823,68.468l-9.073,21.8L105.221,67.3Z" transform="translate(-76.216 -66.731)"/>
<path id="Path_568" data-name="Path 568" d="M100.037,66.25,98.144,89.784,96.25,66.25Z" transform="translate(-74.61 -66.25)"/>
<path id="Path_569" data-name="Path 569" d="M86.581,67.3l5.471,22.967-9.073-21.8Z" transform="translate(-68.519 -66.731)"/>
<path id="Path_570" data-name="Path 570" d="M74.414,72.5l12.3,20.152L71.35,74.726Z" transform="translate(-63.181 -69.119)"/>
<path id="Path_571" data-name="Path 571" d="M64.726,81.35,82.652,96.714,62.5,84.414Z" transform="translate(-59.119 -73.181)"/>
<path id="Path_572" data-name="Path 572" d="M58.468,92.979l21.8,9.073L57.3,96.581Z" transform="translate(-56.731 -78.519)"/>
<path id="Path_573" data-name="Path 573" d="M56.25,106.25l23.534,1.893L56.25,110.037Z" transform="translate(-56.25 -84.61)"/>
<path id="Path_574" data-name="Path 574" d="M57.3,115.221l22.967-5.471-21.8,9.073Z" transform="translate(-56.731 -86.216)"/>
<path id="Path_575" data-name="Path 575" d="M62.5,122.051l20.152-12.3L64.726,125.115Z" transform="translate(-59.119 -86.216)"/>
<path id="Path_576" data-name="Path 576" d="M71.35,127.676,86.714,109.75,74.414,129.9Z" transform="translate(-63.181 -86.216)"/>
<path id="Path_577" data-name="Path 577" d="M82.979,131.547l9.073-21.8-5.471,22.967Z" transform="translate(-68.519 -86.216)"/>
</g>
</g>
</g>
<path id="Path_578" data-name="Path 578" d="M79.722,68A22.709,22.709,0,0,0,57,90.722" transform="translate(-12.242 -32.226)" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="30 0 170 42" opacity="0.6"/>
<path id="Path_579" data-name="Path 579" d="M89.851,87.238l3.606,7.306,8.062,1.172L95.685,101.4l1.377,8.03-7.211-3.791-7.211,3.791,1.377-8.03-5.834-5.687,8.062-1.172Z" transform="translate(-21.965 -41.057)" fill="#91a6bf"/>
<g transform="matrix(1, 0, 0, 1, 20.83, -2.21)" filter="url(#Path_580)">
<path id="Path_580-2" data-name="Path 580" d="M91.874,90.36l2.384,4.83a1.083,1.083,0,0,0,.815.592l5.33.774A1.082,1.082,0,0,1,101,98.4l-3.857,3.759a1.083,1.083,0,0,0-.312.958l.911,5.308a1.082,1.082,0,0,1-1.57,1.14l-4.767-2.506a1.084,1.084,0,0,0-1.007,0l-4.767,2.506a1.082,1.082,0,0,1-1.57-1.14l.911-5.308a1.083,1.083,0,0,0-.312-.958L80.806,98.4a1.082,1.082,0,0,1,.6-1.845l5.33-.774a1.083,1.083,0,0,0,.815-.592l2.384-4.83A1.082,1.082,0,0,1,91.874,90.36Z" transform="translate(-43.85 -40)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</g>
</svg>

+ 72
- 0
src/assets/icons/intern-badge.svg Ver fichero

@@ -0,0 +1,72 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96" height="96" viewBox="0 0 96 96">
<defs>
<clipPath id="clip-path">
<circle id="Ellipse_50" data-name="Ellipse 50" cx="48" cy="48" r="48" transform="translate(256 305)" fill="#fff" stroke="#707070" stroke-width="1"/>
</clipPath>
<filter id="Ellipse_43" x="13.372" y="27.157" width="75.1" height="75.1" filterUnits="userSpaceOnUse">
<feOffset dx="4" dy="4" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3.5" result="blur"/>
<feFlood flood-opacity="0.502"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="Ellipse_44" x="25.987" y="39.501" width="46.141" height="46.141" filterUnits="userSpaceOnUse">
<feOffset dx="2" dy="2" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1" result="blur-2"/>
<feFlood flood-opacity="0.302"/>
<feComposite operator="in" in2="blur-2"/>
<feComposite in="SourceGraphic"/>
</filter>
<clipPath id="clip-path-2">
<circle id="Ellipse_45" data-name="Ellipse 45" cx="18.529" cy="18.529" r="18.529" fill="none"/>
</clipPath>
<filter id="Path_580" x="35.114" y="48.256" width="25.887" height="24.962" filterUnits="userSpaceOnUse">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="0.5" result="blur-3"/>
<feFlood flood-opacity="0.502"/>
<feComposite operator="in" in2="blur-3"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="Mask_Group_3" data-name="Mask Group 3" transform="translate(-256 -305)" clip-path="url(#clip-path)">
<g id="Group_24" data-name="Group 24" transform="translate(235.172 307.211)">
<g transform="matrix(1, 0, 0, 1, 20.83, -2.21)" filter="url(#Ellipse_43)">
<circle id="Ellipse_43-2" data-name="Ellipse 43" cx="27.05" cy="27.05" r="27.05" transform="translate(19.87 33.66)" fill="#91a6bf"/>
</g>
<g transform="matrix(1, 0, 0, 1, 20.83, -2.21)" filter="url(#Ellipse_44)">
<circle id="Ellipse_44-2" data-name="Ellipse 44" cx="19.07" cy="19.07" r="19.07" transform="translate(27.99 41.5)" fill="#bdcde5" stroke="#91a6bf" stroke-miterlimit="10" stroke-width="2"/>
</g>
<g id="Group_23" data-name="Group 23" transform="translate(49.356 39.831)">
<g id="Group_22" data-name="Group 22" clip-path="url(#clip-path-2)">
<g id="Group_21" data-name="Group 21" transform="translate(-5.004 -5.004)" opacity="0.03">
<path id="Path_558" data-name="Path 558" d="M96.25,133.284l1.894-23.534,1.894,23.534Z" transform="translate(-74.61 -86.216)"/>
<path id="Path_559" data-name="Path 559" d="M105.221,132.717,99.75,109.75l9.073,21.8Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_560" data-name="Path 560" d="M112.051,129.9,99.75,109.75l15.365,17.926Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_561" data-name="Path 561" d="M117.676,125.115,99.75,109.75l20.152,12.3Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_562" data-name="Path 562" d="M121.547,118.823l-21.8-9.073,22.967,5.471Z" transform="translate(-76.216 -86.216)"/>
<path id="Path_563" data-name="Path 563" d="M123.284,110.037,99.75,108.143l23.534-1.893Z" transform="translate(-76.216 -84.61)"/>
<path id="Path_564" data-name="Path 564" d="M122.717,96.581,99.75,102.052l21.8-9.073Z" transform="translate(-76.216 -78.519)"/>
<path id="Path_565" data-name="Path 565" d="M119.9,84.414,99.75,96.714,117.676,81.35Z" transform="translate(-76.216 -73.181)"/>
<path id="Path_566" data-name="Path 566" d="M115.115,74.726,99.75,92.652l12.3-20.152Z" transform="translate(-76.216 -69.119)"/>
<path id="Path_567" data-name="Path 567" d="M108.823,68.468l-9.073,21.8L105.221,67.3Z" transform="translate(-76.216 -66.731)"/>
<path id="Path_568" data-name="Path 568" d="M100.037,66.25,98.144,89.784,96.25,66.25Z" transform="translate(-74.61 -66.25)"/>
<path id="Path_569" data-name="Path 569" d="M86.581,67.3l5.471,22.967-9.073-21.8Z" transform="translate(-68.519 -66.731)"/>
<path id="Path_570" data-name="Path 570" d="M74.414,72.5l12.3,20.152L71.35,74.726Z" transform="translate(-63.181 -69.119)"/>
<path id="Path_571" data-name="Path 571" d="M64.726,81.35,82.652,96.714,62.5,84.414Z" transform="translate(-59.119 -73.181)"/>
<path id="Path_572" data-name="Path 572" d="M58.468,92.979l21.8,9.073L57.3,96.581Z" transform="translate(-56.731 -78.519)"/>
<path id="Path_573" data-name="Path 573" d="M56.25,106.25l23.534,1.893L56.25,110.037Z" transform="translate(-56.25 -84.61)"/>
<path id="Path_574" data-name="Path 574" d="M57.3,115.221l22.967-5.471-21.8,9.073Z" transform="translate(-56.731 -86.216)"/>
<path id="Path_575" data-name="Path 575" d="M62.5,122.051l20.152-12.3L64.726,125.115Z" transform="translate(-59.119 -86.216)"/>
<path id="Path_576" data-name="Path 576" d="M71.35,127.676,86.714,109.75,74.414,129.9Z" transform="translate(-63.181 -86.216)"/>
<path id="Path_577" data-name="Path 577" d="M82.979,131.547l9.073-21.8-5.471,22.967Z" transform="translate(-68.519 -86.216)"/>
</g>
</g>
</g>
<path id="Path_578" data-name="Path 578" d="M79.722,68A22.709,22.709,0,0,0,57,90.722" transform="translate(-12.242 -32.226)" fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="30 0 170 42" opacity="0.6"/>
<path id="Path_579" data-name="Path 579" d="M89.851,87.238l3.606,7.306,8.062,1.172L95.685,101.4l1.377,8.03-7.211-3.791-7.211,3.791,1.377-8.03-5.834-5.687,8.062-1.172Z" transform="translate(-21.965 -41.057)" fill="#91a6bf"/>
<g transform="matrix(1, 0, 0, 1, 20.83, -2.21)" filter="url(#Path_580)">
<path id="Path_580-2" data-name="Path 580" d="M91.874,90.36l2.384,4.83a1.083,1.083,0,0,0,.815.592l5.33.774A1.082,1.082,0,0,1,101,98.4l-3.857,3.759a1.083,1.083,0,0,0-.312.958l.911,5.308a1.082,1.082,0,0,1-1.57,1.14l-4.767-2.506a1.084,1.084,0,0,0-1.007,0l-4.767,2.506a1.082,1.082,0,0,1-1.57-1.14l.911-5.308a1.083,1.083,0,0,0-.312-.958L80.806,98.4a1.082,1.082,0,0,1,.6-1.845l5.33-.774a1.083,1.083,0,0,0,.815-.592l2.384-4.83A1.082,1.082,0,0,1,91.874,90.36Z" transform="translate(-43.85 -40)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</g>
</g>
</svg>

src/assets/icons/Novice → dge.svg Ver fichero


+ 94
- 0
src/components/home/Home.module.scss Ver fichero

@@ -0,0 +1,94 @@
.pageHeader {
background-color: var(--orange);
text-align: center;
padding: 1rem 0 0.5rem;
}

.upfold {
background-color: var(--orange);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 2rem 5rem;

.profileImage {
display: block;
position: relative;
width: 10rem;
height: 10rem;

img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: center;
display: block;
}
svg {
position: absolute;
bottom: -2rem;
right: calc(50% - 3rem);
width: 6rem;
height: 6rem;
}
}

.userDetails {
width: calc(100% - 12rem);
display: grid;
grid-template-columns: 1fr 1fr 1fr;
h2 {
grid-column-start: 1;
grid-column-end: 4;
font-size: 1.7rem;
color: var(--black);
}

.stat {
margin-top: 1rem;
color: var(--brownish-black);
line-height: 1.2;

h5 {
font-size: 1.6rem;
}

label {
font-size: 1.6rem;
}
}
}
}

.searchBar {
background-color: white;
display: flex;
border-radius: 3rem;
height: 5rem;
width: calc(100% - 4rem);
margin: -2.5rem auto 2.5rem;
align-items: center;
justify-content: space-between;
box-shadow: 0px 5px 30px -20px var(--grey);

input {
height: 100%;
border: 0;
width: calc(100% - 5rem);
background-color: transparent;
padding-left: 2rem;
font-size: 1.4rem;
}

svg {
width: 5rem;
fill: var(--red);
}
}

.List {
}

+ 5
- 3
src/components/home/Home.tsx Ver fichero

@@ -14,6 +14,7 @@ import { ReactComponent as PlusIcon } from '../../assets/icons/plus.svg';
import { ReactComponent as GridIcon } from '../../assets/icons/circled.svg';
import { ReactComponent as PersonSpeakerIcon } from '../../assets/icons/user-speaker.svg';
import { ReactComponent as BrainIcon } from '../../assets/icons/bx-brain.svg';
import { ReactComponent as InternBadge } from '../../assets/icons/intern-badge.svg';

export const Home: React.FC = () => {
return <section>
@@ -23,10 +24,11 @@ export const Home: React.FC = () => {
</header>

<section className={styles.upfold}>
<figure>
<div className={styles.profileImage}>
{/* eslint-disable-next-line */}
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSERA5Pm3aRBV7AaI8tvpZfzpD24ZgrU1_8NA&usqp=CAU" alt="profile-image" />
</figure>
<InternBadge />
</div>
<div className={styles.userDetails}>
<h2> Neymar Junior </h2>
<div className={styles.stat}>
@@ -41,7 +43,7 @@ export const Home: React.FC = () => {
</section>

<div className={styles.searchBar}>
<input type="text" />
<input type="text" placeholder={'Search and add a word'} />
<SearchIcon />
</div>



+ 1
- 0
src/index.css Ver fichero

@@ -15,6 +15,7 @@
--blue: #668fe1;
--teal: #4e9096;
--black: #11253d;
--brownish-black: rgb(71, 32, 32);
--grey: #586471;
--light-grey: #84919e;
--creamy-white: #fef8ec;


Cargando…
Cancelar
Guardar