From 8d43073a18213ebb160fdc3722e020d26ae3a610 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 4 Jul 2024 11:01:45 +0200
Subject: [PATCH] svg

---
 .../dist/assets/css/bundle.css                | 94 ++-----------------
 .../dist/assets/img/pillier-1-full.svg        | 43 +++++++++
 .../dist/assets/img/pillier-2-full.svg        | 43 +++++++++
 .../dist/assets/img/pillier-3-full.svg        | 43 +++++++++
 .../src/assets/img/pillier-1-full.svg         | 43 +++++++++
 .../src/assets/img/pillier-2-full.svg         | 43 +++++++++
 .../src/assets/img/pillier-3-full.svg         | 43 +++++++++
 .../src/assets/scss/pages/home.scss           | 90 ++----------------
 8 files changed, 278 insertions(+), 164 deletions(-)
 create mode 100644 web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg
 create mode 100644 web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg
 create mode 100644 web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg
 create mode 100644 web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg
 create mode 100644 web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg
 create mode 100644 web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index bf57bb5..2115975 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -670,8 +670,12 @@ footer span.totop #toTop .arrow-up::before {
 #home .content_container #block-quartiers-de-demain-titredepage {
   display: none;
 }
+#home .paragraph--type--static-parts {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
 #home article.node-type-static .field_body {
-  width: 90vw;
+  width: 80%;
   margin: auto;
   display: flex;
   flex-direction: row;
@@ -695,12 +699,10 @@ footer span.totop #toTop .arrow-up::before {
   margin: auto;
   font-size: 2rem;
   font-weight: 800;
-  padding-bottom: 3rem;
+  padding-bottom: 1rem;
 }
 #home article.node-type-static #paragraph-id--1 {
   background-color: #edefe8;
-  padding-top: 2rem;
-  padding-bottom: 2rem;
 }
 #home article.node-type-static #paragraph-id--1 .field_field_picto {
   display: none;
@@ -772,82 +774,6 @@ footer span.totop #toTop .arrow-up::before {
   content: url("../img/crayons.svg");
   padding-bottom: 1rem;
 }
-#home article.node-type-static #paragraph-id--2,
-#home article.node-type-static #paragraph-id--3,
-#home article.node-type-static #paragraph-id--8 {
-  background-color: white;
-  padding-top: 2rem;
-  padding-bottom: 3rem;
-}
-#home article.node-type-static #paragraph-id--2 .field_field_picto,
-#home article.node-type-static #paragraph-id--3 .field_field_picto,
-#home article.node-type-static #paragraph-id--8 .field_field_picto {
-  width: fit-content;
-  margin: auto;
-}
-#home article.node-type-static #paragraph-id--2 .field_field_texte,
-#home article.node-type-static #paragraph-id--3 .field_field_texte,
-#home article.node-type-static #paragraph-id--8 .field_field_texte {
-  width: 65%;
-  margin: auto;
-}
-#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto h3,
-#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto h3,
-#home article.node-type-static #paragraph-id--8 .field_field_texte .colone-picto h3 {
-  flex: 1 90%;
-  color: #0833c2;
-  font-size: 1.5rem;
-  padding-right: 3rem;
-  display: flex;
-  flex-direction: column;
-}
-#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto h3:nth-of-type(2),
-#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto h3:nth-of-type(2),
-#home article.node-type-static #paragraph-id--8 .field_field_texte .colone-picto h3:nth-of-type(2) {
-  padding-top: 3rem;
-  border-top: solid 1px #0833c2;
-}
-#home article.node-type-static #paragraph-id--2 .field_field_texte .colone-picto p,
-#home article.node-type-static #paragraph-id--3 .field_field_texte .colone-picto p,
-#home article.node-type-static #paragraph-id--8 .field_field_texte .colone-picto p {
-  padding-right: 2rem;
-  padding-bottom: 1rem;
-}
-#home article.node-type-static #paragraph-id--3 {
-  background-color: #edefe8;
-}
-#home article.node-type-static #paragraph-id--4 {
-  background-color: white;
-  padding-top: 2rem;
-  padding-bottom: 3rem;
-}
-#home article.node-type-static #paragraph-id--4 .field_field_picto {
-  width: fit-content;
-  margin: auto;
-}
-#home article.node-type-static #paragraph-id--4 .field_field_texte {
-  width: 65%;
-  margin: auto;
-}
-#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto {
-  display: flex;
-  flex-direction: row;
-}
-#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto h3 {
-  color: #0833c2;
-  font-size: 1.5rem;
-  padding-right: 3rem;
-  display: flex;
-  flex-direction: column;
-}
-#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto h3:nth-of-type(2) {
-  padding-top: 3rem;
-  border-top: solid 1px #0833c2;
-}
-#home article.node-type-static #paragraph-id--4 .field_field_texte .colone-picto p {
-  padding-right: 2rem;
-  padding-bottom: 1rem;
-}
 #home article.node-type-static #paragraph-id--6 {
   display: flex;
   flex-direction: column;
@@ -918,15 +844,15 @@ footer span.totop #toTop .arrow-up::before {
   padding-right: 2rem;
 }
 #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(1)::before {
-  content: url("../img/pillier-1.svg");
+  content: url("../img/pillier-1-full.svg");
   padding-bottom: 1rem;
 }
 #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(2)::after {
-  content: url("../img/pillier-2.svg");
-  padding-bottom: 1rem;
+  content: url("../img/pillier-2-full.svg");
+  padding-top: 1rem;
 }
 #home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(3)::before {
-  content: url("../img/pillier-3.svg");
+  content: url("../img/pillier-3-full.svg");
   padding-bottom: 1rem;
 }
 #home article.node-type-static #paragraph-id--9 {
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg
new file mode 100644
index 0000000..a76572d
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-full.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="362.79999"
+   height="389.73068"
+   viewBox="0 0 362.79999 389.73068"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath366">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-579.53411,-2913.3184)"
+         id="path366" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-466.5788,-7752.7755)">
+    <path
+       id="path365"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,772.71213,8115.5755)"
+       clip-path="url(#clipPath366)" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
+     x="-1.4831511"
+     y="387.52762"
+     id="text1"><tspan
+       id="tspan1"
+       x="-1.4831511"
+       y="387.52762"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">1.</tspan></text>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg
new file mode 100644
index 0000000..0501787
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2-full.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="362.79999"
+   height="562.18646"
+   viewBox="0 0 362.79999 562.18646"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath368">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-845.29322,-2892.7677)"
+         id="path368" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1070.3909,-7943.59)">
+    <path
+       id="path367"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1127.0576,8142.9765)"
+       clip-path="url(#clipPath368)" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
+     x="-0.4619709"
+     y="130.89897"
+     id="text1"><tspan
+       id="tspan1"
+       x="-0.4619709"
+       y="130.89897"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">2.</tspan></text>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg
new file mode 100644
index 0000000..33b0d63
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3-full.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="362.79999"
+   height="362.79999"
+   viewBox="0 0 362.79999 362.79998"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath370">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1213.1563,-2955.8185)"
+         id="path370" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1617.5417,-7752.7755)">
+    <path
+       id="path369"
+       d="M 0,0 C 126.805,0 229.6,102.795 229.6,229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1617.5417,8058.9088)"
+       clip-path="url(#clipPath370)" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
+     x="9.2053118"
+     y="141.854"
+     id="text1"><tspan
+       id="tspan1"
+       x="9.2053118"
+       y="141.854"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">3.</tspan></text>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg
new file mode 100644
index 0000000..a76572d
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1-full.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="362.79999"
+   height="389.73068"
+   viewBox="0 0 362.79999 389.73068"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath366">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-579.53411,-2913.3184)"
+         id="path366" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-466.5788,-7752.7755)">
+    <path
+       id="path365"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,772.71213,8115.5755)"
+       clip-path="url(#clipPath366)" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
+     x="-1.4831511"
+     y="387.52762"
+     id="text1"><tspan
+       id="tspan1"
+       x="-1.4831511"
+       y="387.52762"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">1.</tspan></text>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg
new file mode 100644
index 0000000..0501787
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2-full.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="362.79999"
+   height="562.18646"
+   viewBox="0 0 362.79999 562.18646"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath368">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-845.29322,-2892.7677)"
+         id="path368" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1070.3909,-7943.59)">
+    <path
+       id="path367"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1127.0576,8142.9765)"
+       clip-path="url(#clipPath368)" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
+     x="-0.4619709"
+     y="130.89897"
+     id="text1"><tspan
+       id="tspan1"
+       x="-0.4619709"
+       y="130.89897"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">2.</tspan></text>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg
new file mode 100644
index 0000000..33b0d63
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3-full.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="362.79999"
+   height="362.79999"
+   viewBox="0 0 362.79999 362.79998"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath370">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1213.1563,-2955.8185)"
+         id="path370" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1617.5417,-7752.7755)">
+    <path
+       id="path369"
+       d="M 0,0 C 126.805,0 229.6,102.795 229.6,229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1617.5417,8058.9088)"
+       clip-path="url(#clipPath370)" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-weight:normal;font-size:183.589px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.956195"
+     x="9.2053118"
+     y="141.854"
+     id="text1"><tspan
+       id="tspan1"
+       x="9.2053118"
+       y="141.854"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:183.589px;font-family:Gilroy;-inkscape-font-specification:'Gilroy Semi-Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.956195">3.</tspan></text>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index b001a70..9e3c6e4 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -4,9 +4,13 @@
             display: none;
         }
     }
+    .paragraph--type--static-parts{
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+    }
     article.node-type-static{
         .field_body{  ///// texte de présentation
-            width: 90vw;
+            width: 80%;
             margin: auto;
             display: flex;
             flex-direction: row;
@@ -30,12 +34,10 @@
             margin: auto;
             font-size: 2rem;
             font-weight: 800;
-            padding-bottom: 3rem;
+            padding-bottom: 1rem;
         }
         #paragraph-id--1{  ///// Les enjeux
             background-color: #edefe8;
-            padding-top: 2rem;
-            padding-bottom: 2rem;
             .field_field_picto{
                 display: none;
             }
@@ -111,79 +113,7 @@
             }
         }
 
-        #paragraph-id--2,
-        #paragraph-id--3,
-        #paragraph-id--8{  ///// Les sites
-            background-color: white;
-            padding-top: 2rem;
-            padding-bottom: 3rem;
-            .field_field_picto{
-                width: fit-content;
-                margin: auto;
-            }
-            .field_field_texte{
-                width: 65%;
-                margin: auto;
-                .colone-picto{
-                    h3{
-                        flex: 1 90%;
-                        color: #0833c2ff;
-                        font-size: 1.5rem;
-                        padding-right: 3rem;
-                        display: flex;
-                        flex-direction: column;
-                        &:nth-of-type(2){
-                            padding-top: 3rem;
-                            border-top: solid 1px #0833c2ff;
-                        }
-                    }
-                    p{
-                        padding-right: 2rem;
-                        padding-bottom: 1rem;
-                    }
-                }
-            }
-        }
-        #paragraph-id--3{  ///// La procédure
-            background-color: #edefe8;
-        }
-        #paragraph-id--4{  ///// composition des équipes
-            background-color: white;
-            padding-top: 2rem;
-            padding-bottom: 3rem;
-            .field_field_picto{
-                width: fit-content;
-                margin: auto;
-            }
-            .field_field_texte{
-                width: 65%;
-                margin: auto;
-                .colone-picto{
-                    display: flex;
-                    flex-direction: row;
-                    h3{
-                        // flex: 1 90%;
-                        color: #0833c2ff;
-                        font-size: 1.5rem;
-                        // width: 80%;
-                        padding-right: 3rem;
-                        display: flex;
-                        flex-direction: column;
-                        &:nth-of-type(2){
-                            padding-top: 3rem;
-                            border-top: solid 1px #0833c2ff;
-                        }
-                    }
-                    p{
-                        padding-right: 2rem;
-                        padding-bottom: 1rem;
-                        
-                    }
 
-                }
-
-            }
-        }
         #paragraph-id--6{
             display: flex;
             flex-direction: column;
@@ -251,17 +181,17 @@
                         }
                     
                         &:nth-of-type(1)::before{
-                            content: url("../img/pillier-1.svg");
+                            content: url("../img/pillier-1-full.svg");
                             padding-bottom: 1rem;
                            
                         }
                         &:nth-of-type(2)::after{
-                            content: url("../img/pillier-2.svg");
-                            padding-bottom: 1rem;
+                            content: url("../img/pillier-2-full.svg");
+                            padding-top: 1rem;
                            
                         }
                         &:nth-of-type(3)::before{
-                            content: url("../img/pillier-3.svg");
+                            content: url("../img/pillier-3-full.svg");
                             padding-bottom: 1rem;
                             
                         }