diff --git a/public/index.css b/public/index.css deleted file mode 100644 index fbc6354fe9976a0c8bb5d5dcb7eacaca5ef0f982..0000000000000000000000000000000000000000 --- a/public/index.css +++ /dev/null @@ -1,770 +0,0 @@ -* { - margin: 0; - line-height: 1; - font-family: "Lato", sans-serif; - color: white; - box-sizing: border-box; -} - -svg { - overflow: visible; -} - -body, -html { - overflow-x: hidden; - background: #121212; -} - -.text-18-white { - font-weight: 400; - color: white; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-18-white-padding { - font-weight: 400; - padding-top: 2rem; - color: white; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-18-black-padding { - font-weight: 400; - padding-top: 2rem; - color: #121212; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-16-black-padding { - font-weight: 400; - padding-top: 2rem; - color: #121212; - font-size: 1rem; - line-height: 1.3rem; -} - -.text-18-black { - font-weight: 400; - color: #121212; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-26-white-bold-padding { - font-weight: 900; - padding-top: 2rem; - color: white; - font-size: 1.625rem; - line-height: 2rem; -} - -.text-36-white { - font-weight: 900; - font-size: 2.25rem; -} - -.text-36-black { - font-weight: 900; - font-size: 2.25rem; - color: #121212; -} - -.yellow { - color: #f1c017; -} - -@media all and (max-width: 1200px) { - .text-36-white, - .text-36-black { - font-size: 1.85rem; - } -} -.gaz-color { - color: #45d1b8; -} - -.water-color { - color: #3a98ec; -} - -.elec-color { - color: #d87b39; -} - -nav { - height: 80px; - width: 100%; - position: fixed; - z-index: 100; - background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%); - padding: 1rem 4rem; - display: flex; - justify-content: space-between; - transition: all 300ms ease; -} -@media all and (max-width: 1200px) { - nav { - height: 75px; - } -} -nav .main-logo { - display: flex; - align-items: center; - gap: 1rem; - font-size: 1.5rem; - text-decoration: none; -} -nav .links { - display: flex; - align-items: center; - gap: 3.5rem; -} -nav .links .navlink { - text-decoration: none; - font-weight: 700; -} -@media (max-width: 1200px) { - nav .main-logo { - margin: auto; - } - nav .links { - display: none; - } -} - -.container { - padding: 0 1rem; -} -@media (min-width: 1200px) { - .container { - padding: 0; - } -} - -.main-cta { - margin: auto; - display: flex; - gap: 1rem; - justify-content: center; - align-items: flex-start; - flex-wrap: wrap; - padding: 5rem 2rem 5rem 8rem; -} -@media (max-width: 1200px) { - .main-cta { - padding-top: 4rem; - padding-bottom: 2rem; - padding-left: 2rem; - gap: 1rem; - } - .main-cta .illu { - order: 1; - } - .main-cta .content-txt { - order: 2; - } - .main-cta .mglLogo { - order: 3; - } -} -.main-cta .content-txt { - margin-top: 5rem; - max-width: 700px; -} -@media (max-width: 1200px) { - .main-cta .content-txt { - margin-top: 0rem; - } -} -.main-cta .content-txt h2 { - margin-top: 1.5rem; - font-weight: 700; -} -.main-cta .content-txt ul { - padding-top: 1rem; -} -.main-cta .content-txt ul li { - margin-bottom: 0.5rem; -} -.main-cta .content-txt .button { - margin: 2rem 0; - 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; - gap: 0.5rem; - font-weight: 700; - line-height: 115%; - padding: 0.5rem 1rem 0.5rem 0.5rem; - 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) { - .main-cta .content-txt .button > div:not(:last-child) { - margin-right: 1rem; - } -} -.main-cta .content-txt .button:hover { - box-shadow: 0px 0px 20px 0px #f1c017; -} -.main-cta .content-txt .button span { - font-weight: 900; -} -@media (max-width: 1200px) { - .main-cta .content-txt .button { - margin: 1.5rem auto; - } -} -.main-cta .content-txt .button img { - transform: translate(0, 2px); -} -@media (max-width: 1200px) { - .main-cta .illu { - width: 100%; - } -} -.main-cta .mglLogo { - display: flex; - padding: 0.5rem 1rem; - border: 1px solid white; - border-radius: 6px; - margin-top: 5rem; -} -@media (max-width: 1200px) { - .main-cta .mglLogo { - margin-top: 0; - } -} - -.explanation { - background: #1b1c22; - text-align: center; - padding-top: 5rem; -} -@media (max-width: 1200px) { - .explanation { - padding: 2rem 1rem; - } -} -.explanation .compteurs { - display: flex; - align-items: center; - justify-content: center; - margin-top: 7rem; -} -.explanation .compteurs > *:not(:last-child) { - margin-right: 0.8rem; -} -@media (max-width: 1200px) { - .explanation .compteurs { - flex-direction: column; - } - .explanation .compteurs > div:not(.gaz-color) { - margin-bottom: 2rem; - margin-right: 0; - } - .explanation .compteurs span { - margin-bottom: 5rem; - } -} -.explanation .compteurs span { - color: #a0a0a0; - font-size: 1.1rem; -} -.explanation .compteurs .bloc { - width: 280px; - height: 280px; - padding: 0.5rem; - background: linear-gradient(180deg, #323339 0%, #25262b 100%); - border: solid 1px; - border-radius: 4px; - box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55); - display: flex; - flex-direction: column; - position: relative; - transition: all 300ms ease; -} -.explanation .compteurs .bloc:hover { - box-shadow: 0 0 10px 0 currentColor; -} -.explanation .compteurs .bloc h3 { - color: currentColor; - margin-top: 8rem; - font-weight: 900; - font-size: 2rem; -} -.explanation .compteurs .bloc .compteur-img { - position: absolute; - top: -6rem; - left: 0; - right: 0; - margin: auto; -} -.explanation .compteurs .bloc p { - padding-top: 0.5rem; -} -.explanation .compteurs .bloc .provider-logo { - margin-top: auto; - display: flex; - height: 35px; -} -.explanation .compteurs .bloc .provider-logo img { - margin: auto; -} -.explanation .compteurs .elec-color { - border-color: rgba(216, 123, 57, 0.4); -} -.explanation .compteurs .gaz-color { - border-color: rgba(69, 209, 184, 0.4); -} -.explanation .compteurs .water-color { - border-color: rgba(58, 152, 236, 0.4); -} -.explanation .fluid-pipes { - margin-top: 1.5rem; -} -@media (max-width: 1200px) { - .explanation .fluid-pipes img { - width: 100%; - } -} - -.security { - 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; - display: flex; - margin-top: -1rem; - position: relative; -} -.security:before, .security::after { - content: ""; - display: inline-block; - position: absolute; - width: 100%; - height: 10px; - left: 0; - background-image: url("assets/pattern-dot.svg"); - background-color: #b97715; - background-repeat: repeat-x; - background-position: center; - z-index: 1; -} -.security::before { - top: -0.5rem; -} -.security:after { - bottom: -0.5rem; -} -.security .container { - max-width: 1400px; - margin: 0 auto; -} -.security .container-cloud { - display: flex; - position: relative; - padding: 7rem 0 2rem; - justify-content: space-between; - align-items: center; -} -@media (min-width: 1200px) { - .security .container-cloud { - padding: 3rem 0; - } -} -.security p { - color: #121212; - font-size: 1.5rem; - font-weight: 700; - flex-basis: 40%; -} -.security p:nth-of-type(1) { - text-align: right; -} -.security a { - color: #121212; -} -.security .xs-text { - display: block; - flex-basis: 100%; - text-align: center; -} -@media (min-width: 1200px) { - .security .xs-text { - display: none; - } -} -.security .xl-text { - display: none; - line-height: 140%; -} -@media (min-width: 1200px) { - .security .xl-text { - display: block; - } -} -.security .container-img { - position: absolute; - z-index: 2; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -@media (max-width: 1200px) { - .security .container-img { - top: -70px; - transform: translateX(-50%); - width: 45%; - } -} -.security .container-img img { - width: 100%; -} - -.views-app { - background: #1b1c22; - padding-bottom: 2rem; -} -@media (max-width: 1200px) { - .views-app { - padding-bottom: 0; - } -} -.views-app .content { - max-width: 945px; - width: 100%; - margin: 0 auto; -} -.views-app .fluid-pipes { - text-align: center; -} -@media (max-width: 1200px) { - .views-app .fluid-pipes { - display: none; - } -} -.views-app .fluid-pipes img { - transform: translate(0, -25px); -} -.views-app .screens-container { - display: flex; - justify-content: center; - padding-bottom: 1rem; -} -@media (max-width: 1200px) { - .views-app .screens-container { - flex-direction: column; - margin-top: 0.5rem; - } - .views-app .screens-container .screen { - text-align: center; - padding-top: 6rem; - position: relative; - } - .views-app .screens-container .screen:before, .views-app .screens-container .screen:after { - content: ""; - display: inline-block; - height: 100px; - width: 1px; - background: #f1c017; - position: absolute; - box-shadow: 0px 0px 25px 1px #ffc600; - top: 0; - z-index: 1; - } - .views-app .screens-container .screen::before { - left: 48%; - transform: translateX(-50%); - } - .views-app .screens-container .screen::after { - left: 52%; - transform: translateX(-50%); - } - .views-app .screens-container img { - width: 90%; - position: relative; - z-index: 2; - } - .views-app .screens-container p { - margin: 1.5rem 0; - } -} -.views-app .screens-container .screen.consumption, .views-app .screens-container .screen.ecogesture { - margin-top: 0; -} -@media (min-width: 1200px) { - .views-app .screens-container .screen.consumption, .views-app .screens-container .screen.ecogesture { - margin-top: -8rem; - } -} -@media (min-width: 1200px) { - .views-app .screens-container .screen.challenge { - margin-top: -4rem; - } -} -.views-app .screens-container .screen p { - font-weight: 700; - line-height: 120%; - margin-top: 1rem; -} -@media (min-width: 1200px) { - .views-app .screens-container .screen.consumption { - margin-right: -5.5rem; - } -} -.views-app .screens-container .screen.consumption span { - color: #d87b39; -} -.views-app .screens-container .screen.challenge span { - color: #61f0f2; -} -@media (min-width: 1200px) { - .views-app .screens-container .screen.ecogesture { - margin-left: -5.5rem; - } -} -.views-app .screens-container .screen.ecogesture span { - color: #e3b82a; -} -.views-app p { - line-height: 24px; - font-size: 1.25rem; - text-align: center; - margin: 1.5rem 0; -} -@media (min-width: 1200px) { - .views-app p { - margin: 2rem 0 0; - } -} -.views-app p span { - display: block; - font-size: 1.5rem; -} - -.create-account { - background-color: #121212; - padding: 2.5rem 0; -} -.create-account h2 { - font-size: 2.25rem; - text-align: center; -} -.create-account .containerSteps { - padding: 2rem 1rem 3rem; - max-width: 1000px; - margin: auto; -} -.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) { - .create-account .containerSteps .step { - flex-direction: column; - align-items: center; - } -} -.create-account .containerSteps .step .flex { - display: flex; - align-items: center; - gap: 1rem; -} -.create-account .containerSteps .number { - font-size: 5rem; -} -@media all and (max-width: 1200px) { - .create-account .containerSteps .number { - margin-top: 0; - font-size: 3rem; - } -} -@media all and (max-width: 1200px) { - .create-account .containerSteps .content { - font-size: 1rem; - } -} -.create-account .containerSteps .header { - font-weight: 900; - font-size: 1.5rem; - margin-bottom: 0.5rem; -} -@media all and (max-width: 1200px) { - .create-account .containerSteps .header { - font-size: 1.2rem; - } -} -.create-account .containerSteps .content { - font-size: 1.2rem; - font-weight: 400; -} -.create-account .createAccountButton { - 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; - 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%), #f1c017; -} -@media all and (min-width: 1200px) { - .create-account .createAccountButton > div:not(:last-child) { - margin-right: 1rem; - } -} -.create-account .createAccountButton:hover { - box-shadow: 0px 0px 20px 0px #f1c017; -} -.create-account .createAccountButton span { - font-weight: 900; -} - -.cloud-gl { - padding: 2rem 1rem 2.5rem; - background: #1b1c22; - color: white; -} -.cloud-gl .text-content { - max-width: 689px; - text-align: center; - margin: 0 auto; -} -.cloud-gl h2 { - font-size: 1.75rem; - font-weight: 900; - margin: 1rem; -} -.cloud-gl p { - line-height: 1.463rem; - padding: 0; -} -.cloud-gl .button { - display: inline-block; - background: #ff0101; - text-align: center; - border-radius: 4px; - padding: 12px 16px; - margin-top: 1.25rem; - text-decoration: none; - max-width: 221px; - font-size: 1.125rem; - font-weight: 700; - line-height: 1.238rem; - transition: all 0.4s; -} -.cloud-gl .button:hover { - box-shadow: 0px 0px 10px 0px #ff0101; -} - -footer { - background-color: #121212; - display: flex; - align-items: center; - justify-content: space-between; - gap: 2rem; - padding: 1rem 2rem; - padding-top: 5rem; -} -footer .logos-footer { - display: flex; - align-items: center; - gap: 1.5rem; -} -footer .legal-notice { - display: flex; - gap: 0.5rem; -} -footer .footerLink { - color: #f1c017; - font-weight: 900; -} -footer .contact { - display: flex; - gap: 1rem; -} -footer .info { - display: flex; - align-items: center; - font-weight: 700; - gap: 0.5rem; -} -footer .info a { - text-decoration: none; - display: flex; - align-items: center; - gap: 0.25rem; -} -@media (max-width: 1200px) { - footer { - flex-direction: column; - padding: 2rem 1rem 1rem; - } - footer .contact { - order: 1; - flex-direction: column; - align-items: center; - } - footer .logos-footer { - order: 2; - flex-direction: column; - } - footer .info { - order: 4; - transform: scale(0.8); - } - footer .legal-notice { - order: 3; - } -} - -.accessibility h2, -.accessibility h3, -.accessibility h4 { - color: #f1c017; - margin: 0.5rem 0; -} -.accessibility table { - width: 100%; - margin: 0.5rem 0; -} -.accessibility table td, -.accessibility table th { - border: 1px solid rgba(255, 255, 255, 0.4); -} - -/*# sourceMappingURL=index.css.map */ diff --git a/public/index.css.map b/public/index.css.map deleted file mode 100644 index 76ec6ea62858734030033da76f9f60ee145b2f61..0000000000000000000000000000000000000000 --- a/public/index.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_globals.scss","../scss/_variables.scss","../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;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;EFnEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEiDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFxEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEyDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;;AAKN;EACE,YD7IS;EC8IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODrKC;ECsKD;;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,kBD9PU;EC+PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODvRI;ECwRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,ODhSI;;ACkSN;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,YDjUS;ECkUT;;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,YDxWD;ICyWC;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,ODlZG;;ACsZL;EACE,OD7YG;;ACiZL;EADF;IAEI;;;AAEF;EACE,ODhaI;;ACqaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDvbM;ECwbN;;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;EF9cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE4bE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFndF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEucJ;EACE;EACA,YDlgBS;ECmgBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDxgBQ;ECygBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDziBM;EC0iBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EACE,OD9jBK;EC+jBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EAzCF;IA0CI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;;;AAMJ;AAAA;AAAA;EAGE,OD9mBK;EC+mBL;;AAGF;EACE;EACA;;AACA;AAAA;EAEE","file":"index.css"} \ No newline at end of file diff --git a/public/mentions-legales.css b/public/mentions-legales.css deleted file mode 100644 index fb9ddf23bbb39f9f1bd2741d1c1ca7fad383d807..0000000000000000000000000000000000000000 --- a/public/mentions-legales.css +++ /dev/null @@ -1,118 +0,0 @@ -* { - margin: 0; - line-height: 1; - font-family: "Lato", sans-serif; - color: white; - box-sizing: border-box; -} - -svg { - overflow: visible; -} - -body, -html { - overflow-x: hidden; - background: #121212; -} - -.text-18-white { - font-weight: 400; - color: white; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-18-white-padding { - font-weight: 400; - padding-top: 2rem; - color: white; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-18-black-padding { - font-weight: 400; - padding-top: 2rem; - color: #121212; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-16-black-padding { - font-weight: 400; - padding-top: 2rem; - color: #121212; - font-size: 1rem; - line-height: 1.3rem; -} - -.text-18-black { - font-weight: 400; - color: #121212; - font-size: 1.125rem; - line-height: 1.6rem; -} - -.text-26-white-bold-padding { - font-weight: 900; - padding-top: 2rem; - color: white; - font-size: 1.625rem; - line-height: 2rem; -} - -.text-36-white { - font-weight: 900; - font-size: 2.25rem; -} - -.text-36-black { - font-weight: 900; - font-size: 2.25rem; - color: #121212; -} - -.yellow { - color: #f1c017; -} - -@media all and (max-width: 1200px) { - .text-36-white, - .text-36-black { - font-size: 1.85rem; - } -} -.main-cta { - overflow-y: hidden; -} - -.main-logo { - text-decoration: none; -} - -.content-txt { - padding: 1rem 0; -} - -h2 { - margin-bottom: 0.5rem; - margin-top: 1.25rem; - color: #f1c017 !important; -} - -p { - line-height: 120%; -} - -iframe { - width: 100%; - border: 0; -} -@media (max-width: 800px) { - iframe { - height: 230px; - } -} - -/*# sourceMappingURL=mentions-legales.css.map */ diff --git a/public/mentions-legales.css.map b/public/mentions-legales.css.map deleted file mode 100644 index eab4ce1336d4dc768bb7d746309b6c029234c535..0000000000000000000000000000000000000000 --- a/public/mentions-legales.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_globals.scss","../scss/_variables.scss","../scss/mentions-legales.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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AACA;EAHF;IAII","file":"mentions-legales.css"} \ No newline at end of file diff --git a/public/styles-dacc.css b/public/styles-dacc.css deleted file mode 100644 index 46a724853246ad0657fb10109215c74c77e3c9ba..0000000000000000000000000000000000000000 --- a/public/styles-dacc.css +++ /dev/null @@ -1,331 +0,0 @@ -body { - font-family: "Roboto Mono", sans-serif; - font-style: normal; - font-weight: bold; - margin: auto; -} - -html { - overflow-x: hidden; - background: white; -} - -h1 { - font-weight: bold; - font-size: 2.875em; - line-height: 60px; -} - -h2 { - text-align: center; -} - -p { - font-family: Roboto; - font-style: normal; - font-weight: 500; - font-size: 1.5em; - line-height: 31px; -} - -.background-image { - background: radial-gradient(29.38% 58.23% at 65.42% 50%, #234c85 0%, #234c85 100%); -} - -.red-chat { - background-repeat: no-repeat; - height: 437px; - width: 663px; - background-image: url("./assets/dacc/red_chat_bubble.svg"); - position: relative; - top: 24vh; - margin-top: -200px; -} - -.red-chat p { - padding-top: 155px; - padding-left: 120px; - padding-right: 80px; - color: white; - font-weight: bold !important; -} - -.blue-border { - background: rgba(94, 164, 218, 0.2); - border: 2px solid #35a8e0; - box-sizing: border-box; - border-radius: 20px; - text-align: center; - padding-top: 28px; -} - -.blue-border p { - font-weight: bold !important; -} - -.blue-border-top { - width: 520px; - height: 170px; - position: absolute; - right: 2vw; - margin-top: 120px; -} - -.blue-border-center { - width: 435px; - height: 140px; - position: relative; - top: 800px; - margin-left: -2vw; -} - -.blue-border-bottom { - width: 500px; - height: 170px; - position: absolute; - right: 2vw; - margin-top: 700px; -} - -.header { - margin: auto; - max-width: 80%; - color: white; - display: flex; - align-items: center; -} - -.header img { - width: 50%; - height: 50%; -} - -.header h1 { - margin-top: 0; -} - -.header p { - font-family: "Roboto"; - font-style: normal; - font-weight: bold; - font-size: 1.5em; - line-height: 31px; -} - -.body { - max-width: 80%; - margin: auto; - color: #0d3062; -} - -.body p { - font-family: Roboto; - font-style: normal; - font-weight: normal; - margin: 0; -} - -.body h2 { - font-family: "Roboto Mono"; - font-style: normal; - font-weight: bold; - font-size: 2.25em; - line-height: 45px; -} - -.body .title { - font-family: Roboto; - font-style: normal; - font-weight: 900; - line-height: 31px; - margin-bottom: 30px; -} - -.footer { - background-color: black; - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 2rem; -} - -.footer div { - display: flex; - align-items: center; - flex-basis: 33%; -} - -.footer .flex-center { - justify-content: center; -} - -.footer .flex-end { - justify-content: flex-end; -} - -.footer .metro-logo { - margin-right: 0.3rem; -} - -.footer a { - font-family: Titillium Web; - font-style: normal; - font-weight: normal; - font-size: 1em; - line-height: 34px; - display: flex; - align-items: center; - color: #ffffff; - text-decoration: none; -} - -.center { - display: flex; -} - -.center img { - width: 50%; -} - -.center-small { - max-width: 70%; - margin-left: auto; - margin-right: auto; -} - -.border { - padding: 40px; - border: 4px solid #234c85; - box-sizing: border-box; - border-radius: 20px; -} - -.text-center { - text-align: center; -} - -.text-center img { - width: 100%; - max-height: 1432px; - max-width: 1192px; -} - -.margin-top-small { - margin-top: 30px !important; -} - -.margin-top-medium { - margin-top: 70px; -} - -.red-border { - background-image: url("./assets/dacc/red_border.svg"); - width: 843px; - height: 582px; - margin: auto; -} - -.red-border p { - color: white; - font-weight: bold; - padding-left: 160px; - padding-right: 140px; - text-align: center; -} - -.red-border .first { - padding-top: 180px; - padding-bottom: 20px; -} - -@media (max-width: 1200px) { - .header { - padding-top: 20px; - align-items: center; - max-width: 90%; - } - .body { - max-width: 90%; - } - .center { - flex-direction: column; - align-items: center; - } - .blue-border { - margin: 20px auto; - } - .blue-border-top { - position: unset; - right: unset; - margin-top: unset; - } - .blue-border-center { - position: unset; - top: unset; - } - .blue-border-bottom { - position: unset; - right: unset; - margin-top: unset; - } - .red-chat { - position: unset; - top: unset; - margin-top: unset; - margin: auto; - } -} -@media (max-width: 900px) { - .red-border { - background-size: contain; - width: unset; - } - .red-border .first { - padding-top: 18vw; - } - .red-border p { - padding-left: 140px; - padding-right: 80px; - font-size: 1.3em; - } - .footer { - flex-direction: column; - } -} -@media (max-width: 768px) { - .hide-on-mobile { - display: none !important; - } - .center img { - width: 100%; - } - .center-small { - max-width: unset; - } - .blue-border { - width: unset !important; - height: unset !important; - padding-top: unset; - } - .red-chat, - .red-border { - background: unset; - width: unset; - height: unset; - } - .red-chat p, - .red-border p { - padding: unset; - color: #0d3062; - margin-bottom: 20px; - } - .red-border .first { - padding-top: unset; - } - .footer div { - flex-direction: column; - padding-bottom: 20px; - } -} - -/*# sourceMappingURL=styles-dacc.css.map */ diff --git a/public/styles-dacc.css.map b/public/styles-dacc.css.map deleted file mode 100644 index cf8c1a34034a6df2451a54caed6409fd406e78cd..0000000000000000000000000000000000000000 --- a/public/styles-dacc.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../scss/styles-dacc.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;;AAGJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;IACA;;EAEF;AAAA;IAEE;IACA;IACA;;EAEF;AAAA;IAEE;IACA;IACA;;EAEF;IACE;;EAEF;IACE;IACA","file":"styles-dacc.css"} \ No newline at end of file