diff --git a/index.css b/index.css
index f741031e3236456f861d0ba3d1521ee25d6aa4ac..293bd4b48fe6bfb34e77682956ddcebe4080eb17 100644
--- a/index.css
+++ b/index.css
@@ -83,6 +83,18 @@ html {
font-size: 1.85rem;
}
}
+.gaz-color {
+ color: #45d1b8;
+}
+
+.water-color {
+ color: #3a98ec;
+}
+
+.elec-color {
+ color: #d87b39;
+}
+
nav {
height: 80px;
width: 100%;
@@ -314,15 +326,12 @@ nav .links .navlink {
margin: auto;
}
.explanation .compteurs .elec-color {
- color: #d87b39;
border-color: rgba(216, 123, 57, 0.4);
}
.explanation .compteurs .gaz-color {
- color: #45d1b8;
border-color: rgba(69, 209, 184, 0.4);
}
.explanation .compteurs .water-color {
- color: #3a98ec;
border-color: rgba(58, 152, 236, 0.4);
}
.explanation .fluid-pipes {
@@ -548,159 +557,64 @@ nav .links .navlink {
.create-account {
background-color: #121212;
padding: 2.5rem 0;
- display: flex;
- text-align: center;
}
.create-account h2 {
font-size: 2.25rem;
-}
-@media all and (max-width: 1200px) {
- .create-account {
- padding: 2rem 0;
- }
- .create-account .container {
- padding: 0;
- }
- .create-account .container h2,
-.create-account .container p {
- padding: 0 1rem;
- }
- .create-account .content .button {
- width: 100%;
- font-size: 1.25rem;
- padding: 1rem;
- text-align: center;
- }
-}
-.create-account h2 {
- margin-bottom: 2rem;
-}
-.create-account .warning,
-.create-account .warning2 {
- padding: 1rem 0;
- width: 100vw;
- background-image: url(assets/pattern-wip.svg);
- background-repeat: repeat-x;
-}
-.create-account .warning {
- padding-top: 2rem;
- background-position: top;
-}
-.create-account .warning2 {
- background-position: bottom;
-}
-.create-account .container {
- max-width: 1200px;
- margin: auto;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.create-account .container a.button {
- cursor: pointer;
- display: flex;
- text-decoration: none;
- align-items: center;
- justify-content: space-between;
- background: #f1c017;
- color: #121212;
- border-radius: 2px;
- width: 100%;
- height: 56px;
- max-width: fit-content;
- padding: 1rem;
- margin: 2rem 0;
- border: 0;
- transition: all 400ms ease;
- font-size: 1.25rem;
text-align: center;
- justify-content: center;
- font-weight: 700;
- background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
-}
-@media all and (min-width: 1200px) {
- .create-account .container a.button > div:not(:last-child) {
- margin-right: 1rem;
- }
}
-.create-account .container a.button:hover {
- box-shadow: 0px 0px 20px 0px #f1c017;
-}
-.create-account .container a.button span {
- font-weight: 900;
-}
-
-.steps {
- background: #1b1c22;
-}
-.steps .containerSteps {
+.create-account .containerSteps {
padding: 2rem 1rem 3rem;
max-width: 1000px;
margin: auto;
}
-.steps .containerSteps .step {
+.create-account .containerSteps .step {
display: flex;
align-items: center;
gap: 1rem;
+}
+.create-account .containerSteps .step:not(:last-child) {
margin: 2.5rem 0;
}
@media all and (max-width: 1200px) {
- .steps .containerSteps .step {
+ .create-account .containerSteps .step {
flex-direction: column;
align-items: center;
}
}
-.steps .containerSteps .step .flex {
+.create-account .containerSteps .step .flex {
display: flex;
align-items: center;
gap: 1rem;
}
-.steps .containerSteps .number {
+.create-account .containerSteps .number {
font-size: 5rem;
- margin-top: -0.5rem;
}
@media all and (max-width: 1200px) {
- .steps .containerSteps .number {
+ .create-account .containerSteps .number {
margin-top: 0;
font-size: 3rem;
}
}
-.steps .containerSteps .text > p {
- color: white;
- text-align: left;
-}
@media all and (max-width: 1200px) {
- .steps .containerSteps .content {
+ .create-account .containerSteps .content {
font-size: 1rem;
}
}
-.steps .containerSteps .header {
+.create-account .containerSteps .header {
font-weight: 900;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
@media all and (max-width: 1200px) {
- .steps .containerSteps .header {
+ .create-account .containerSteps .header {
font-size: 1.2rem;
}
}
-.steps .containerSteps .content {
+.create-account .containerSteps .content {
font-size: 1.2rem;
font-weight: 400;
}
-.steps .containerSteps .gaz-color {
- color: #45d1b8;
-}
-.steps .containerSteps .water-color {
- color: #3a98ec;
-}
-.steps .containerSteps .elec-color {
- color: #d87b39;
-}
-.steps .containerSteps .gl-color {
- color: #ff0101;
-}
-.steps .containerSteps .button {
+.create-account .createAccountButton {
cursor: pointer;
display: flex;
text-decoration: none;
@@ -726,20 +640,20 @@ nav .links .navlink {
background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
}
@media all and (min-width: 1200px) {
- .steps .containerSteps .button > div:not(:last-child) {
+ .create-account .createAccountButton > div:not(:last-child) {
margin-right: 1rem;
}
}
-.steps .containerSteps .button:hover {
+.create-account .createAccountButton:hover {
box-shadow: 0px 0px 20px 0px #f1c017;
}
-.steps .containerSteps .button span {
+.create-account .createAccountButton span {
font-weight: 900;
}
.cloud-gl {
- padding: 2rem 1rem;
- background: #121212;
+ padding: 2rem 1rem 2.5rem;
+ background: #1b1c22;
color: white;
}
.cloud-gl .text-content {
diff --git a/index.css.map b/index.css.map
index 590a6e41d203e447f95b07fe5eff0ed8755c8bd6..788b4d082a3c828f0f0405820e95e0691d6293fc 100644
--- a/index.css.map
+++ b/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EFmBE;EEjBA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFOA;EEpBF;IFqBI;;;AEPF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFxDJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEsCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF7DJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AE8CE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;;AAKN;EACE,YDhIS;ECiIT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODxJC;ECyJD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE,ODvMO;ECwMP;;AAEF;EACE,OD1MM;EC2MN;;AAEF;EACE,OD7MQ;EC8MR;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDpPU;ECqPV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,OD7QI;EC8QJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,ODtRI;;ACwRN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YDvTS;ECwTT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YD9VD;IC+VC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,ODxYG;;AC4YL;EACE,ODnYG;;ACuYL;EADF;IAEI;;;AAEF;EACE,ODtZI;;AC2ZZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAIN;EACE,kBD5aM;EC6aN;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;;EAEA;AAAA;IAEE;;EAGJ;IACE;IACA;IACA;IACA;;;AAIJ;EACE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAGF;EACE,WF/cY;EEgdZ;EACA;EACA;EACA;;AACA;EF9bF;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE4aI;EACA;EACA;EACA;EACA;;AFhcJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEobJ;EACE,YD9eS;;AC+eT;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;IACA;;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGJ;EACE;EACA;;AAGA;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAEF;EACE,OD9hBM;;ACgiBR;EACE,ODhiBQ;;ACkiBV;EACE,ODriBO;;ACuiBT;EACE,OD1hBG;;AC6hBL;EF7gBF;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE2fI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFlhBJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEsgBJ;EACE;EACA,YDlkBM;ECmkBN;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDvkBQ;ECwkBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDxmBM;ECymBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,ODxnBK;ECynBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAjCF;IAkCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE,ODEU;;;ACAZ;EACE;;;AAEF;EACE,ODLW;;;ACQb;EFSE;EEPA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFHA;EEVF;IFWI;;;AEGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFlEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEgDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFvEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEwDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;;AAKN;EACE,YD1IS;EC2IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODlKC;ECmKD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBD3PU;EC4PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODpRI;ECqRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,OD7RI;;AC+RN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YD9TS;EC+TT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YDrWD;ICsWC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,OD/YG;;ACmZL;EACE,OD1YG;;AC8YL;EADF;IAEI;;;AAEF;EACE,OD7ZI;;ACkaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDpbM;ECqbN;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EARF;IASI;IACA;;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;AACA;EAFF;IAGI;IACA;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAGJ;EF3cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEybE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFhdF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEocJ;EACE;EACA,YD/fS;ECggBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDrgBQ;ECsgBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDtiBM;ECuiBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,ODtjBK;ECujBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAjCF;IAkCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE","file":"index.css"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 52c0d5bf3851d9010e2a5ebed580eaf2d47ece5a..60307220d871b4aee12adfe9d41e8d5f385e3283 100644
--- a/index.html
+++ b/index.html
@@ -205,21 +205,7 @@
</div>
</section>
<section class="create-account" id="create-account">
- <div class="content container">
- <div class="text-content">
- <h2 class="text-26-white">Se créer un compte en deux étapes !</h2>
- <div class="warning">
- <img src="assets/Plot.svg" alt="Travail en cours" />
- <p>
- Un parcours simplifié pour accéder à vos données de consommation
- d'électricité sera disponible d'ici fin 2022.
- </p>
- </div>
- <div class="warning2"></div>
- </div>
- </div>
- </section>
- <section class="steps" id="steps">
+ <h2 class="text-26-white">Se créer un compte en deux étapes !</h2>
<div class="containerSteps">
<div class="step">
<div class="flex">
@@ -257,15 +243,16 @@
alt="Donner vos consentements"
/>
</div>
- <a
- href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
- target="_blank"
- class="button"
- >
- Se créer un compte
- </a>
</div>
+ <a
+ href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
+ target="_blank"
+ class="createAccountButton"
+ >
+ Se créer un compte
+ </a>
</section>
+
<section class="cloud-gl" id="cloud">
<div class="text-content">
<img src="assets/cloud-mgl.svg" alt="logo cloud grand lyon" />
diff --git a/index.scss b/index.scss
index ac919bbdebcbae2c22c5b8cef36cdabaef7a75d2..755087d23f8d727891ba6b513ffef2f171a2d53b 100644
--- a/index.scss
+++ b/index.scss
@@ -1,6 +1,16 @@
@import "./variables";
@import "./globals";
+.gaz-color {
+ color: $gaz-color;
+}
+.water-color {
+ color: $water-color;
+}
+.elec-color {
+ color: $elec-color;
+}
+
nav {
@include nav-height();
width: 100%;
@@ -202,15 +212,12 @@ nav {
}
}
.elec-color {
- color: $elec-color;
border-color: rgba($elec-color, 0.4);
}
.gaz-color {
- color: $gaz-color;
border-color: rgba($gaz-color, 0.4);
}
.water-color {
- color: $water-color;
border-color: rgba($water-color, 0.4);
}
}
@@ -427,75 +434,16 @@ nav {
}
}
}
+
.create-account {
background-color: $black;
padding: 2.5rem 0;
- display: flex;
- text-align: center;
h2 {
font-size: 2.25rem;
+ text-align: center;
}
- @media all and (max-width: $breakpoint) {
- padding: 2rem 0;
- .container {
- padding: 0;
-
- h2,
- p {
- padding: 0 1rem;
- }
- }
- .content .button {
- width: 100%;
- font-size: 1.25rem;
- padding: 1rem;
- text-align: center;
- }
- }
-
- h2 {
- margin-bottom: 2rem;
- }
- .warning,
- .warning2 {
- padding: 1rem 0;
- width: 100vw;
- background-image: url(assets/pattern-wip.svg);
- background-repeat: repeat-x;
- }
- .warning {
- padding-top: 2rem;
- background-position: top;
- }
- .warning2 {
- background-position: bottom;
- }
-
- .container {
- max-width: $content-width;
- margin: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- a.button {
- @include button($black, $yellow);
- font-size: 1.25rem;
- text-align: center;
- justify-content: center;
- font-weight: 700;
- background: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(226, 137, 4, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #f1c017;
- }
- }
-}
-.steps {
- background: $bg-light;
.containerSteps {
padding: 2rem 1rem 3rem;
max-width: 1000px;
@@ -504,7 +452,10 @@ nav {
display: flex;
align-items: center;
gap: 1rem;
- margin: 2.5rem 0;
+
+ &:not(:last-child) {
+ margin: 2.5rem 0;
+ }
@media all and (max-width: $large-device) {
flex-direction: column;
align-items: center;
@@ -515,19 +466,14 @@ nav {
gap: 1rem;
}
}
+
.number {
font-size: 5rem;
- margin-top: -0.5rem;
- // margin-right: 1.5rem;
@media all and (max-width: $large-device) {
margin-top: 0;
font-size: 3rem;
}
}
- .text > p {
- color: white;
- text-align: left;
- }
.content {
@media all and (max-width: $large-device) {
font-size: 1rem;
@@ -545,40 +491,28 @@ nav {
font-size: 1.2rem;
font-weight: 400;
}
- .gaz-color {
- color: $gaz-color;
- }
- .water-color {
- color: $water-color;
- }
- .elec-color {
- color: $elec-color;
- }
- .gl-color {
- color: $gl-red;
- }
-
- .button {
- @include button($black, $yellow);
- margin: auto;
- font-size: 1.5rem;
- text-align: center;
- justify-content: center;
- font-weight: 700;
- padding: 2rem 3rem;
- border-radius: 4px;
- background: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(226, 137, 4, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- $yellow;
- }
+ }
+ .createAccountButton {
+ @include button($black, $yellow);
+ margin: auto;
+ font-size: 1.5rem;
+ text-align: center;
+ justify-content: center;
+ font-weight: 700;
+ padding: 2rem 3rem;
+ border-radius: 4px;
+ background: radial-gradient(
+ 105.25% 64.58% at 49.68% 70.83%,
+ rgba(226, 137, 4, 0.5) 0%,
+ rgba(255, 255, 255, 0) 100%
+ ),
+ $yellow;
}
}
+
.cloud-gl {
- padding: 2rem 1rem;
- background: $black;
+ padding: 2rem 1rem 2.5rem;
+ background: $bg-light;
color: white;
.text-content {